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 operates a unique model in the venture world. Since 2016, it builds companies as a venture studio, validating ideas, assembling teams, and providing capital and support, while also investing in early-stage founders. Two partnership modes, one organization, backed by 300+ LPs, including 60 entrepreneurs with over $15 billion in exits.

Results: 27+ ventures supported, $303M+ raised, 4 funds, 2,274+ jobs created. Companies include Dialogue, Nesto, Synctera, Baselane, Novisto, and Wealthsimple. The firm recently launched an oversubscribed ClimateTech fund — expanding from its FinTech roots into the next frontier it’s betting on.

The site’s job was to make all of this legible to an ambitious founder evaluating whether Diagram is the right partner — and to do it in a way that felt like the organization it was describing: bold, founder-focused, and unbothered by the conventions of the institutional finance world it operates alongside.

Diagram website navigation

Strategy

A venture studio and investor differ significantly. Founders seeking investment must grasp what Diagram offers beyond capital: a network, operational support, and a community of 60+ founders with $15B in exits. Those wanting to co-build with Diagram should understand its venture creation model, idea validation, partnership structure, and what launching a company with Diagram entails.

The site’s architecture gives each model a clear path — Venture Builder and Investor as distinct yet complementary. The homepage frames it: Building companies by connecting ideas, capital, and founders. This mirrors how Diagram presents: philosophy first, then track record, then proof from founders.

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

User experience

The portfolio section was designed as a credential wall, not a list. The visual presentation of 27+ company logos — Dialogue, Nesto, Synctera, Baselane, Novisto, Trice, Obeo, Walnut, and the rest — functions as an argument in itself. Founders in the FinTech and ClimateTech space recognize these names.

Founder testimonials carry the site’s most important content. The voices of Peter Hazelhurst at Synctera, Anna Chif at Dialogue, Mathias Korder at Baselane, and others are the core evidence. Each one speaks to a specific dimension of the Diagram partnership: talent, network, capital, strategic counsel. Together they build a portrait of what working with Diagram actually means.

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 — the palette is confident without being corporate, energetic without being juvenile. Combined with the bold, clean Diagram wordmark and the geometric sphere motifs that appear throughout the brand system, the visual language positions Diagram as a place that thinks seriously about design — which signals something meaningful to the founder-designers who make up a significant portion of its portfolio.

A picture of river with tall cliffs on either side, and green grass on the banks
Black and white image of two coworkers smiling and laughing
A grid of 24 black company logos

Outcome

For a firm whose competitive advantage is its network and its track record, the site functions as proof-of-concept for both. Every founder testimonial, every portfolio logo, every LP profile is a signal to the next founder evaluating whether Diagram is the right place to build or grow their company. The portfolio that created 2,274 full-time jobs is visible in full. The ecosystem that connects early-stage founders to the same investor network as Sagard is legible and navigable.

Diagram’s promise to founders is specific: ideas, capital, and founders, connected in a way that produces real companies. The site makes that promise concrete.

Group photo of the team

A few of our favorite strategic outcomes.

All Workarrow_forward
Exterior photo 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