Monopo Saigon
A cinematic, single-hero agency landing page built almost entirely in grayscale at the token level — white text floating over a full-bleed generative oil-slick render, with color voltage carried by the artwork rather than by systematized UI tokens. The measured CSS surface is spare: black/near-black canvases, one muted-gray pill button, zero shadows, and a nav column that stacks vertically at top-right instead of running horizontally. Minimal, editorial, agency-cool.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
body
9px · 400 · 1.317
The quick brown fox jumps
button
9px · 400 · 1.317
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 6px | |
| xs | 8px | |
| sm | 12px | |
| md | 14px | |
| lg | 24px | |
| xl | 28px | |
| xxl | 29px | |
| xxxl | 37px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| none | 0px | |
| sm | 10px | |
| full | 75px |
FAQ
- What colors does Monopo Saigon use?
- Monopo Saigon's core palette includes #ffffff, #000000, #181818, #6d6d6d, #777777. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Monopo Saigon DESIGN.md.
- What font does Monopo Saigon use?
- Monopo Saigon's primary typeface is system-ui. 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 Monopo Saigon design system?
- A cinematic, single-hero agency landing page built almost entirely in grayscale at the token level — white text floating over a full-bleed generative oil-slick render, with color voltage carried by t…