№ supaste-com--updates

Supaste · Changelog

Electric cobalt depths, frosted glass layers, crisp white sans-serif floating weightless

Specimenminimalism swiss saaslight

A clean, high-contrast changelog using a specimen-inspired layout with dated left-margin labels and bold, oversized sans-serif headings. · minimalist changelog, saas updates page, swiss typography, clean software release notes, high contrast layout

Supaste · Changelog - mobile — Mobile · 375

Hero - desktop 1440 × 900 · mobile 375

See history ↻Visit source ↗

The whole page, top to bottom - desktop & mobile

Palette

Click any value to copy. Roles are suggestions, not gospel.

Reads as: monochrome · high-contrast

SwatchHexOKLCHSuggested roleCopy

Hex#1ab3f2
OKLCHoklch(72.3% 0.146 234)
RoleDominant
find sites →
Hex#499ce8
OKLCHoklch(67.5% 0.139 249)
RoleSurface
find sites →
Hex#1b6672
OKLCHoklch(47.1% 0.073 211)
RoleInk
find sites →
Hex#7c8090
OKLCHoklch(60.2% 0.025 274)
RoleAccent
find sites →
Hex#a3aeb3
OKLCHoklch(74.4% 0.014 227)
RoleDetail
find sites →

How to build one like this

Read off the live site. Treat it as reference, not a recipe.

Download .md View raw ↗

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	Inter Display	60px	700	1	-3px	Aa Bb Cc
body	sans-serif	12px	400	1.4	0	Aa Bb Cc
button	sans-serif	12px	400	1.4	0	Aa Bb Cc

Spacing scale

10px

30px

Radius scale

0px

12px

Container

Max content width 710px

Export

:root {
  --color-dominant: #1ab3f2;
  --color-surface: #499ce8;
  --color-ink: #1b6672;
  --color-accent: #7c8090;
  --color-detail: #a3aeb3;
}

/* CSS variables exposed by source */
:root {
  --one-if-corner-shape-supported: 1;
}

For your coding agent

Drop-in prompt

Paste this into Claude Code, Cursor, or any chat-based agent. Pairs the captured tokens with a short brief so the model has both the style and the goal in one block.

Build a landing page in the visual style of Supaste · Changelog.
Reference design system (extracted from the live site):
- Palette: #1ab3f2, #499ce8, #1b6672, #7c8090, #a3aeb3
- Typefaces: Inter Display, sans-serif
- Macrostructure: Specimen
Use the dominant colour for surfaces, the accent sparingly,
and lean on type weight + scale rather than colour for hierarchy.
Full DESIGN.md: https://inspomcp.dev/api/design/supaste-com--updates

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

Inter Display

60px

700

-3px

Aa Bb Cc

body

sans-serif

12px

400

1.4

Aa Bb Cc

button

sans-serif

12px

400

1.4

Aa Bb Cc

:root { --color-dominant: #1ab3f2; --color-surface: #499ce8; --color-ink: #1b6672; --color-accent: #7c8090; --color-detail: #a3aeb3; } /* CSS variables exposed by source */ :root { --one-if-corner-shape-supported: 1; }

Build a landing page in the visual style of Supaste · Changelog. Reference design system (extracted from the live site): - Palette: #1ab3f2, #499ce8, #1b6672, #7c8090, #a3aeb3 - Typefaces: Inter Display, sans-serif - Macrostructure: Specimen Use the dominant colour for surfaces, the accent sparingly, and lean on type weight + scale rather than colour for hierarchy. Full DESIGN.md: https://inspomcp.dev/api/design/supaste-com--updates