Refto
Stripe Dot Dev

Stripe Dot Dev

Learn how to build web and mobile applications to accept payments, send payouts, and manage your business online with Stripe.

InteractiveDevelopmentIllustrativeParallaxTypographicBlack WhiteUnusual LayoutLightFinance
4.0
5
Visits
Visit

Available Pages

Home

Version History

Design Analysis

Stripe Dot Dev Home design analysis

--- version: alpha name: Terminal Broadsheet Grid description: Poster-like developer-portal system with warm gray paper, giant black type, mono utility labels, and ruled technical modules. colors: primary: " 111111" seco...

Key Takeaways

  • Primary ( 111111): headline, body, and rule color.
  • Secondary ( F1F1ED): muted module surface.
  • Tertiary ( BEBEB7): diagram and utility support color.
  • Display: oversized and poster-like.
  • Body: concise and structured, not chatty.
  • Utility: mono labels, tags, and section annotations.

Overview

Terminal Broadsheet Grid is a technical poster system for a developer-facing portal. It replaces the usual docs-site blandness with giant grotesk display, thin editorial rules, mono labels, and diagram modules that feel printed, tagged, and archived.

Image Direction

Use diagram art, line studies, and wireframe-like technical posters instead of lifestyle photography. Visual content should feel indexed, labeled, and structurally related to the surrounding grid.

Colors

Keep color nearly monochrome.

  • Primary ( 111111): headline, body, and rule color.
  • Secondary ( F1F1ED): muted module surface.
  • Tertiary ( BEBEB7): diagram and utility support color.

Typography

Use one clean grotesk for the main voice and a tiny mono layer for labels.

  • Display: oversized and poster-like.
  • Body: concise and structured, not chatty.
  • Utility: mono labels, tags, and section annotations.
SpacePlay/Pause←→Seek 1sShift←→Seek 10s