№ mplus-org-hk--en-collection

Part of Mplus Org Hk - 5 pages captured →

Mplus Org Hk

Soft, cool blue-grey expanses; clean, elegant sans-serif; spacious, contemplative depth.

Ecosystem Indexminimalism editorial swiss culturelight

The layout prioritizes visual hierarchy through a clean grid system and ample negative space. Typography is refined and understated, allowing the imagery to take center stage. The overall feel is sophisticated and intellectual. · museum website, contemporary art design, art museum ui, minimalist museum, editorial museum, swiss design museum, modern museum website

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 · monochrome · cool

SwatchHexOKLCHSuggested roleCopy

Hex#069df4
OKLCHoklch(67.2% 0.167 245)
RoleDominant
find sites →
Hex#148bcf
OKLCHoklch(61.0% 0.140 242)
RoleSurface
find sites →
Hex#f187a1
OKLCHoklch(74.5% 0.132 5)
RoleInk
find sites →
Hex#8c8c94
OKLCHoklch(64.3% 0.012 286)
RoleAccent
find sites →
Hex#969db4
OKLCHoklch(69.8% 0.035 272)
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
h3	Simplistic	24px	400	1.4	0	Aa Bb Cc

Spacing scale

20px

40px

44px

Radius scale

0px

5px

Container

Max content width 1440px

Export

:root {
  --color-dominant: #069df4;
  --color-surface: #148bcf;
  --color-ink: #f187a1;
  --color-accent: #8c8c94;
  --color-detail: #969db4;
}

/* CSS variables exposed by source */
:root {
  --scrollbar-width: 0px;
}

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 Mplus Org Hk.
Reference design system (extracted from the live site):
- Palette: #069df4, #148bcf, #f187a1, #8c8c94, #969db4
- Typefaces: Simplistic
- Macrostructure: Ecosystem Index
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/mplus-org-hk--en-collection

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

Simplistic

24px

400

1.4

Aa Bb Cc

:root { --color-dominant: #069df4; --color-surface: #148bcf; --color-ink: #f187a1; --color-accent: #8c8c94; --color-detail: #969db4; } /* CSS variables exposed by source */ :root { --scrollbar-width: 0px; }

Build a landing page in the visual style of Mplus Org Hk. Reference design system (extracted from the live site): - Palette: #069df4, #148bcf, #f187a1, #8c8c94, #969db4 - Typefaces: Simplistic - Macrostructure: Ecosystem Index 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/mplus-org-hk--en-collection