№ aerotime-com

Aerotime - Be on top of your work

Cool, spacious, digital expanse—clean sans-serif geometry on a soft, muted lavender field.

Ecosystem Indexminimalism editorial swiss saaslight

Aerotime - Be on top of your work - mobile — Mobile · 375

Hero - desktop 1440 × 900 · mobile 375

See history ↻Visit source ↗

The whole page, top to bottom - desktop & mobile

Aerotime - Be on top of your work - full page scroll

Aerotime - Be on top of your work - mobile full page

Palette

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

SwatchHexOKLCHSuggested roleCopy

Hex#4c4ccc
OKLCHoklch(49.6% 0.193 277)
RoleDominant
find sites →
Hex#b4ccfc
OKLCHoklch(84.4% 0.072 264)
RoleSurface
find sites →
Hex#1d1d67
OKLCHoklch(28.8% 0.126 275)
RoleInk
find sites →
Hex#8f64ae
OKLCHoklch(57.8% 0.119 310)
RoleAccent
find sites →
Hex#ada3d2
OKLCHoklch(74.0% 0.068 294)
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	Sample
h1	-apple-system	80px	600	1	Aa Bb Cc
h2	-apple-system	14px	400	1.15	Aa Bb Cc
body	-apple-system	16px	400	1.15	Aa Bb Cc
button	-apple-system	16px	600	1	Aa Bb Cc

Spacing scale

8px

12px

15px

20px

24px

32px

40px

44px

80px

100px

120px

Radius scale

0px

8px

Container

Max content width 1312px

Export

:root {
  --color-dominant: #4c4ccc;
  --color-surface: #b4ccfc;
  --color-ink: #1d1d67;
  --color-accent: #8f64ae;
  --color-detail: #ada3d2;
}

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 Aerotime - Be on top of your work.
Reference design system (extracted from the live site):
- Palette: #4c4ccc, #b4ccfc, #1d1d67, #8f64ae, #ada3d2
- Typefaces: -apple-system
- Macrostructure: Ecosystem Index
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/aerotime-com

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

-apple-system

80px

600

Aa Bb Cc

-apple-system

14px

400

1.15

Aa Bb Cc

body

-apple-system

16px

400

1.15

Aa Bb Cc

button

-apple-system

16px

600

Aa Bb Cc

Build a landing page in the visual style of Aerotime - Be on top of your work. Reference design system (extracted from the live site): - Palette: #4c4ccc, #b4ccfc, #1d1d67, #8f64ae, #ada3d2 - Typefaces: -apple-system - Macrostructure: Ecosystem Index 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/aerotime-com