Temper and Forge
WorkWork With Us
Designarrow_forward
  • Web Design
  • Design Systems
  • Brand Identity
  • Marketing Design
  • Product Design
Developmentarrow_forward
  • Front-End Development
  • Back-End Development
  • Maintenance
  • APIs
  • Systems Integrations
Marketingarrow_forward
  • Search Authority
  • Paid Acquisition
  • Content Systems
  • LifeCycle & Retention
  • Conversion Systems
  • Analytics & Optimization
Strategyarrow_forward
  • UX Audit
  • Brand Positioning
  • Product / Service Definition
Industry
  • Architecture
  • Higher Education
  • Enterprise Software
  • Ecommerce
  • Concierge Medicine
  • Venture Capital
  • Healthcare
  • Private Equity
  • Educational Technology
  • Government & Public Sector
  • Law Firms
  • Advanced Manufacturing
  • Materials Science
Platform
  • WordPress
  • Framer
  • Shopify
  • Webflow
  • Hubspot
  • Magento
  • Next.js
  • Vercel
CMS
  • Sanity
  • Contentful
  • Payload CMS
  • Storyblok
  • DatoCMS
  • Our Team
  • About Us
  • Philosophy
  • Careers
  • Culture
  • Locations
Temper and Forge
  • Work
  • Work With Us

Our Work

  • All Work
  • Design
  • Development
  • Strategy

Solutions

  • Design
  • Development
  • Marketing
  • Strategy

Studio

  • Our Team
  • About Us
  • Philosophy
  • Careers
  • Culture
  • Locations
Boston Office

50 Milk Street, 16th Floor

Boston, MA 02109

USA

Seattle Office

8907 Roosevelt Way NE

Seattle, WA 98115

USA

Temper and Forge

© 2026 - Temper And Forge, LLC


Privacy PolicyTerms of UseAccessibility Statement

Diagram

Website redesign for a Montreal venture studio building the next generation of FinTech and ClimateTech companies

ClientDiagram
Year2024
Services
DesignStrategy
Live sitecall_made
Laptop on a shelf showing the Diagram website

Overview

Diagram runs a model most of the venture world can't: since 2016 it has built companies as a venture studio, validating ideas, assembling teams, and backing them with capital, while also investing directly in early-stage founders. Two partnership modes, one organization, supported by 300+ LPs that include 60 entrepreneurs with more than $15 billion in exits.

The track record is the pitch: 27+ ventures supported, $303M+ raised, 4 funds, and 2,274+ jobs created, with companies like Dialogue, Nesto, Synctera, Baselane, Novisto, and Wealthsimple in the portfolio, and an oversubscribed ClimateTech fund extending the thesis beyond its FinTech roots.

Our assignment was to make that record do commercial work: give an ambitious founder everything needed to conclude that Diagram is the right partner, in a presentation bold enough to match the firm and clearly apart from institutional finance convention.

Diagram website navigation

Strategy

Diagram's two models serve two different decisions. A founder seeking investment needs to grasp what comes with the capital: the network, the operational support, and a community of 60+ founders with $15B in exits. A founder considering co-building needs the venture creation model made concrete: how ideas get validated, how partnerships are structured, and what launching with Diagram involves.

The architecture gives each decision its own path, Venture Builder and Investor, distinct but complementary, under one framing set by the homepage: building companies by connecting ideas, capital, and founders. Philosophy first, then track record, then proof from the founders themselves.

Two co-workers collaborating
Diagram website shown on a mobile phone screen
Diagram logo detail

User experience

The portfolio section was built as a credential wall rather than a list. Twenty-seven-plus company marks, Dialogue, Nesto, Synctera, Baselane, Novisto, Trice, Obeo, Walnut among them, make the argument before a word of copy does: founders in FinTech and ClimateTech know these names and what being alongside them implies.

Founder testimonials carry the most commercially important content on the site. Peter Hazelhurst at Synctera, Anna Chif at Dialogue, Mathias Korder at Baselane, and others each speak to one dimension of the partnership: talent, network, capital, strategic counsel. Read together, they are the evidence file for the decision the site exists to support.

Detail showing a section of the new website design
Detail showing the hero section of the new website design

Design

Black, electric blue, and vibrant orange: a palette confident without being corporate and energetic without being juvenile. Paired with the clean Diagram wordmark and the geometric sphere motifs running through the brand system, the visual language signals an organization that takes design seriously, which matters commercially to the founder-designers who make up a meaningful share of its portfolio.

River with tall cliffs on either side and green grass on the banks
Two coworkers smiling and laughing, in black and white
A grid of 24 black company logos

Outcome

For a firm whose competitive advantages are its network and its record, the site now functions as working proof of both. Every testimonial, portfolio mark, and LP profile is aimed at the next founder weighing where to build, and the portfolio behind 2,274 full-time jobs is visible in full, with the ecosystem that connects early-stage founders to the same investor network as Sagard made legible and navigable.

Diagram's promise to founders is specific: ideas, capital, and founders connected in a way that produces real companies. The redesign turns that promise into something a founder can verify before the first conversation.

The team gathered as a group

A few of our favorite strategic outcomes.

All Workarrow_forward
Exterior of a building in full sunlight
DesignDevelopment
Utile Design
Blue icon shapes on a dark blue background
DesignStrategy
World Panel
Green background with light green Lutanen logo overlaid
DesignStrategy
Lutanen Health Website