Screenshot of Cofounder

Cofounder

www.cofounder.co

The reference for fusing a pixel-art world-building aesthetic with editorial chapter-based content — a 16-bit hero on a learning-guide body.

Saas Product Ai Agent Platform strong

Design tokens

pageCream
surfaceCream
white
textBase
textWarm
textMuted
textMuted70
amber
green
orange
black
display
neoris, 'neoris Fallback', sans-serif
body
neoris, 'neoris Fallback', sans-serif
mono
'IBM Plex Mono', 'IBM Plex Mono Fallback'
monoPixel
departureMono, 'departureMono Fallback'

Do / Don't

Reference it for

  • Pixel-art world-building hero — fully illustrated 16-bit scene with embedded product (laptop, screen, etc.) as the centrepiece. Reads as crafted, not stock.
  • Editorial chapter-based content structure — "Chapter 1 / 2 / 3 / 4" with "Read this chapter" CTAs, like a long-form course
  • Three accent colours mapped to content chapters — amber for Start, green for Build, orange for Sell — colour as taxonomy
  • Custom variable-axis font at seven optical weights (neoris at 400/410/430/440/460/500/530) — extreme typographic granularity
  • Pixel-art monospace (departureMono) as a third typeface — bridges hero and body visually
  • Serif italic wordmark — "Cofounder" set in italic serif, a strong contrast against the sans body
  • 40-section page organised by content chapter rather than feature grid
  • 39 keyframes for game-style component animations — task-row-in, notif-slide, wordsearch-stroke, build-carousel-slide — each component has its own motion vocabulary

Do not copy

  • The bespoke neoris variable font licence
  • The specific pixel-art hero illustration (custom-commissioned)
  • The "Cofounder" italic-serif wordmark treatment (brand-coded)
  • The "chapter 1 / chapter 2" learning-guide structure unless the client's product genuinely benefits from a course framing
  • The departureMono pixel font — only works alongside a pixel-art aesthetic
  • The chapter-colour mapping (amber/green/orange) — these are Cofounder's specific brand colours

Signature moves

pixel-art world-building hero on a learning-guide body

a fully-illustrated 16-bit scene with an embedded product (laptop/screen) is the hero centrepiece on near-white (#fbfbf8), reading as crafted not stock, fronting an editorial body.

editorial chapter-based content with colour-as-taxonomy

content is structured as numbered chapters (Chapter 1/2/3/4 with 'Read this chapter' CTAs) across a 40-section page, with three accent colours mapped to chapters (amber Start, green Build, orange Sell) so colour encodes taxonomy.

variable-axis sans plus pixel-mono with a 0.3px draughtsman radius

a custom variable-axis sans at seven optical weights (400-530) pairs with a pixel-art mono and a serif-italic wordmark, while a 0.3px radius (used 198 times) gives a near-sharp draughtsman feel.