Midday
A quiet, editorial fintech interface built on a pure white canvas with near-black ink, anchored by an oversized Hedvig Letters Serif display headline and a single solid-black CTA. The system reads as calm, premium, and confident — generous whitespace, square-cornered surfaces, pill-shaped announcement badges, and a dark product-screenshot frame that lets the actual app UI carry the visual weight. Brand voltage comes from the large serif headline and the restraint of an almost entirely monochrome palette.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display
72px · 400 · 1.0
The quick brown fox jumps
title
24px · 400 · 1.333
The quick brown fox jumps
body
18px · 400 · 1.556
The quick brown fox jumps
label
14px · 400 · 1.5
The quick brown fox jumps
button
14px · 400 · 1.429
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 6px | |
| sm | 8px | |
| base | 12px | |
| md | 16px | |
| lg | 24px | |
| xl | 32px | |
| xxl | 64px | |
| section | 96px | |
| hero | 192px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| none | 0px | |
| md | 8px | |
| pill | 9999px | |
| full | 9999px |
FAQ
- What colors does Midday use?
- Midday's core palette includes #121212, #ffffff, #616161, #ffffff, #e6e4e0. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Midday DESIGN.md.
- What font does Midday use?
- Midday's primary typeface is Hedvig Letters Serif. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
- What is the Midday design system?
- A quiet, editorial fintech interface built on a pure white canvas with near-black ink, anchored by an oversized Hedvig Letters Serif display headline and a single solid-black CTA. The system reads as…