SVZ
A dark, high-contrast creative-agency interface built on a near-black canvas with oversized display typography set in the custom Kmr Waldenburg face. The system reads as confident, editorial, and cinematic — vast black bands, minimalist outlined controls, a single hot-red accent used as a scarce voltage moment (the \"ENTER OUR WORLD\" scroll orb), and occasional inverted light panels for section breaks. Brand voltage comes almost entirely from typographic scale and the black-on-black layering rather than from color.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display-xxl
80px · 400 · 1.05
The quick brown fox jumps
display-xl
64px · 400 · 1.0
The quick brown fox jumps
display-condensed
64px · 400 · 0.9
The quick brown fox jumps
heading
42px · 400 · 1.05
The quick brown fox jumps
body-lg
32px · 400 · 1.1
The quick brown fox jumps
button
14px · 400 · 1.0
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 8px | |
| xs | 9px | |
| sm | 12px | |
| md | 16px | |
| lg | 24px | |
| xl | 32px | |
| xxl | 48px | |
| section | 112px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| xs | 2px | |
| sm | 3px | |
| md | 4px | |
| lg | 8px | |
| xl | 14px |
FAQ
- What colors does SVZ use?
- SVZ's core palette includes #ffffff, #080808, #0d0d0d, #171617, #262525. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the SVZ DESIGN.md.
- What font does SVZ use?
- SVZ's primary typeface is Kmr Waldenburg. 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 SVZ design system?
- A dark, high-contrast creative-agency interface built on a near-black canvas with oversized display typography set in the custom Kmr Waldenburg face. The system reads as confident, editorial, and cin…