Skip to content
Browse
Library

Acceptandproceed. Editorial broadsheet on warm paper.

  • Studio
  • Light theme
  • 7 colors
  • 2 typefaces

Accept & Proceed treats the browser as an editorial broadsheet: a single-weight sans-serif at nine sizes, a warm cream canvas, and an almost completely achromatic palette let photography and layout do the expressive work. Hierarchy is built from scale alone — weight 400 is used for everything from 8px captions to 72px display, so contrast comes from size jumps, not boldness. Surfaces are paper-warm: #f9f7f3 is the page, #ecebe7 the button fill, and the only structural chrome is a hairline 1px black border. Components are deliberately quiet — pill buttons at 100px radius, small badges with a 3.4px corner, 8px card radius — so the project imagery and long-form editorial content carry the page. The system feels like flipping through a thoughtfully typeset design annual rather than scrolling a SaaS dashboard.

Visit acceptandproceed.com
Screenshot of Acceptandproceed
Captured from acceptandproceed.com on October 11, 2026

Acceptandproceed design system

Acceptandproceed

Neutrals7

  • Primary text, hairline borders, icon strokes, badge outlines, card outlines — the only structural line color in the system

  • Input text and form field copy — softer than pure black for longer reading inside form contexts

  • Secondary borders, muted metadata text, badge secondary text and borders — the warm mid-gray step in the neutral scale

  • Tertiary badge borders and subtle dividers — the lightest structural gray for the quietest separators

  • Raised surfaces, pill button fills, input fills, link backgrounds — one step warmer/darker than the canvas for tactile depth without shadows

  • Page canvas, card surfaces, body backgrounds — the warm cream base layer for all content

  • Headline color on dark hero overlays, card highlight wash, inverted surface accents

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

White on Ink

21.00 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.