Augen
An ultra-minimal, gallery-grade product site for speculative "humanware" hardware — built on a near-white #efefef canvas, set entirely in the light-weight PP Neue Montreal grotesque at a single near-uniform type size, and punctuated by deep-black full-bleed bands that frame floating product renders. Brand voltage is almost entirely typographic restraint plus a tight quartet of saturated accents (Apple-blue, green, orange, amber) carried on slim outlined pill tags rather than filled buttons.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display
27px · 350 · 1.2
The quick brown fox jumps
body
27px · 350 · 1.2
The quick brown fox jumps
title
16px · 350 · 1.2
The quick brown fox jumps
button
16px · 350 · 1.2
The quick brown fox jumps
label
14px · 350 · 1.2
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 11px | |
| sm | 20px | |
| md | 28px | |
| lg | 36px | |
| xl | 50px | |
| xxl | 60px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| sm | 10px | |
| md | 26px | |
| lg | 54px | |
| xl | 63px | |
| pill | 94px |
FAQ
- What colors does Augen use?
- Augen's core palette includes #0f1012, #0c0d0f, #efefef, #ffffff, #f8f8f8. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Augen DESIGN.md.
- What font does Augen use?
- Augen's primary typeface is PP Neue Montreal. 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 Augen design system?
- An ultra-minimal, gallery-grade product site for speculative "humanware" hardware — built on a near-white #efefef canvas, set entirely in the light-weight PP Neue Montreal grotesque at a single near-…