Exhibition-Magazine
An editorial, fashion-magazine interface built on a stark black-on-white palette with oversized condensed DIN display type used as raw structure. The system reads as a printed publication translated to screen — a giant tracked masthead, full-bleed photography carousels, hard-edged (zero-radius) cards and inputs, a small serif (Cochin) for running captions, and black utility bands (cookie notice, footer) that frame the page. Brand voltage comes almost entirely from scale and monochrome contrast rather than color.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display
100px · 400 · 1.0
The quick brown fox jumps
heading
52px · 400 · 0.75
The quick brown fox jumps
body-display
90px · 400 · 1.0
The quick brown fox jumps
button
16px · 400 · 1.5
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 8px | |
| sm | 12px | |
| md | 16px | |
| lg | 24px | |
| xl | 32px | |
| xxl | 40px | |
| section | 100px | |
| margin-lg | 356px | |
| margin-xl | 440px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| none | 0px | |
| sm | 3px |
FAQ
- What colors does Exhibition-Magazine use?
- Exhibition-Magazine's core palette includes #000000, #000000, #333333, #ffffff, #a8a8a8. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Exhibition-Magazine DESIGN.md.
- What font does Exhibition-Magazine use?
- Exhibition-Magazine's primary typeface is DIN. 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 Exhibition-Magazine design system?
- An editorial, fashion-magazine interface built on a stark black-on-white palette with oversized condensed DIN display type used as raw structure. The system reads as a printed publication translated…