№ oma-com

Oma

Cool, deep blue grid, precise sans-serif, expansive minimalist stillness.

Photographicminimalism editorial swiss architecturelight

The page prioritizes a large, atmospheric image, establishing a sense of place and scale. Text is minimal, serving to identify the subject and event, maintaining a clean and authoritative feel. · architecture photography, museum design, oma project, edo-tokyo museum, architectural visualization, contemporary architecture, interior space, large format photography

Hero - desktop 1440 × 900 · mobile 375

See history ↻Visit source ↗

The whole page, top to bottom - desktop & mobile

Palette

Click any value to copy. Roles are suggestions, not gospel.

Reads as: muted · cool · monochrome

SwatchHexOKLCHSuggested roleCopy

Hex#f82727
OKLCHoklch(62.8% 0.239 28)
RoleDominant
find sites →
Hex#1c4475
OKLCHoklch(38.5% 0.095 255)
RoleSurface
find sites →
Hex#5f9cdc
OKLCHoklch(67.8% 0.115 251)
RoleInk
find sites →
Hex#5785b5
OKLCHoklch(60.4% 0.089 250)
RoleAccent
find sites →
Hex#ccb1ad
OKLCHoklch(78.3% 0.032 28)
RoleDetail
find sites →

How to build one like this

Read off the live site. Treat it as reference, not a recipe.

Download .md View raw ↗

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
body	Arial W01	16px	500	1.13	0	Aa Bb Cc

Radius scale

0px

Export

:root {
  --color-dominant: #f82727;
  --color-surface: #1c4475;
  --color-ink: #5f9cdc;
  --color-accent: #5785b5;
  --color-detail: #ccb1ad;
}

For your coding agent

Drop-in prompt

Paste this into Claude Code, Cursor, or any chat-based agent. Pairs the captured tokens with a short brief so the model has both the style and the goal in one block.

Build a landing page in the visual style of Oma.
Reference design system (extracted from the live site):
- Palette: #f82727, #1c4475, #5f9cdc, #5785b5, #ccb1ad
- Typefaces: Arial W01
- Macrostructure: Photographic
Use the dominant colour for surfaces, the accent sparingly,
and lean on type weight + scale rather than colour for hierarchy.
Full DESIGN.md: https://inspomcp.dev/api/design/oma-com

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

body

Arial W01

16px

500

1.13

Aa Bb Cc

Build a landing page in the visual style of Oma. Reference design system (extracted from the live site): - Palette: #f82727, #1c4475, #5f9cdc, #5785b5, #ccb1ad - Typefaces: Arial W01 - Macrostructure: Photographic Use the dominant colour for surfaces, the accent sparingly, and lean on type weight + scale rather than colour for hierarchy. Full DESIGN.md: https://inspomcp.dev/api/design/oma-com