main
Showcase
Every demo in the catalog on one page: 112 entries, 172 demos.
Aspect and margins.
Palette and opacity.
Numbers and names.
Conversion
Wide card
The quiet side.
Long-form text gets its rhythm from the same ratio as the interface around it.
Paragraphs are spaced one unit apart; headings open a φ² gap above and close a φ⁻¹ gap below.
Headings inside prose step down one notch, so an article never shouts over its own chrome.
Good design is as little design as possible.Dieter Rams
Detail pane.
Content underneath.
A default link, a quiet link, and .
Blurs whatever sits behind it.
Opt out of blur with data-solid.
Content dims; squares pulse.
A leading image bleeds to the edges.
Falls back to a solid surface without backdrop-filter, under reduced transparency or forced colours.
data-radius="soft" or any --ae-radius-m.| Status | ||||
|---|---|---|---|---|
| Atlas | Mika | 42 | Review | |
| Harbor | Jun | 9 | Draft | |
| Northlight | Ada | 128 | Live |
| Project | Pages |
|---|---|
| Atlas | 42 |
| Harbor | 9 |
| Project | Owner | Pages | |
|---|---|---|---|
| Atlas | Mika | 42 | |
| Harbor | Jun | 9 | |
| Northlight | Ada | 128 |
Swatches for every tone.
Northlight v2 went live.
Mika asked for a second pair of eyes.
Started from the blank template.
Body text at the base size, with a line-height of φ. A link.
Eyebrow
Lead paragraph, a step up and muted.
Caption, a step down.
Introducing
Proportion, shipped.
Good design is as little design as possible.Dieter Rams
Press ⌘ K to search, set --ae-hue, or highlight anything.
--ae-phi: 1.618034;
--ae-space-5: round(calc(var(--ae-unit) * var(--ae-phi)), 1px);Create one and it appears here.
Last published 2 hours ago by Ada. 128 pages, 3 collaborators.
Everything at a glance.
Recent changes, newest first.
Preferences for this project.
Window content.
One ratio for space, type and radius. Glass only where it floats.
No runtime: plain CSS that the browser already knows how to draw.
Glass for what floats, flat tints for what you press.
State in ARIA, focus always visible, contrast modes handled.
No card needed.
Roles and review.
Edge-hosted.
€0/mo
€12/mo
€48/mo
We replaced three component libraries with one stylesheet. The product finally looks like one product.
The calmest interface we have shipped.
Setup took an afternoon.
Our docs read better than our app now.
The φ scale reads much calmer at compact density.
Agreed. Let's make it the default for data views.