№ gianlucagradogna-com

Gianluca Gradogna — Multidisciplinary Designer

Deep charcoal expanse, crisp sans-serif geometry, spacious and serenely contemplative.

Specimenminimalism editorial monochrome dark mode portfoliodark

Gianluca Gradogna — Multidisciplinary Designer - mobile — Mobile · 375

Hero - desktop 1440 × 900 · mobile 375

See history ↻Visit source ↗

The whole page, top to bottom - desktop & mobile

Gianluca Gradogna — Multidisciplinary Designer - full page scroll

Gianluca Gradogna — Multidisciplinary Designer - mobile full page

Palette

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

SwatchHexOKLCHSuggested roleCopy

Hex#b14d6a
OKLCHoklch(55.7% 0.133 4)
RoleDominant
find sites →
Hex#d6a2b1
OKLCHoklch(76.5% 0.064 360)
RoleSurface
find sites →
Hex#642c3c
OKLCHoklch(37.5% 0.083 4)
RoleInk
find sites →
Hex#828784
OKLCHoklch(61.8% 0.007 160)
RoleAccent
find sites →
Hex#b7b9b9
OKLCHoklch(78.4% 0.002 197)
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
h1	Neue-Montreal	42px	400	0.92	-1.67989px	Aa Bb Cc
h2	Neue-Montreal	78px	400	0.93	-3.1198px	Aa Bb Cc
body	Neue-Montreal	10px	400	1.5	0	Aa Bb Cc
button	Neue-Montreal	10px	400	1.5	0	Aa Bb Cc

Spacing scale

10px

28px

Radius scale

0px

Container

Max content width 1440px

Export

:root {
  --color-dominant: #b14d6a;
  --color-surface: #d6a2b1;
  --color-ink: #642c3c;
  --color-accent: #828784;
  --color-detail: #b7b9b9;
}

/* CSS variables exposed by source */
:root {
  --ratio: 0.06944vw;
}

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 Gianluca Gradogna — Multidisciplinary Designer.
Reference design system (extracted from the live site):
- Palette: #b14d6a, #d6a2b1, #642c3c, #828784, #b7b9b9
- Typefaces: Neue-Montreal
- Macrostructure: Specimen
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/gianlucagradogna-com

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

Neue-Montreal

42px

400

0.92

-1.67989px

Aa Bb Cc

Neue-Montreal

78px

400

0.93

-3.1198px

Aa Bb Cc

body

Neue-Montreal

10px

400

1.5

Aa Bb Cc

button

Neue-Montreal

10px

400

1.5

Aa Bb Cc

:root { --color-dominant: #b14d6a; --color-surface: #d6a2b1; --color-ink: #642c3c; --color-accent: #828784; --color-detail: #b7b9b9; } /* CSS variables exposed by source */ :root { --ratio: 0.06944vw; }

Build a landing page in the visual style of Gianluca Gradogna — Multidisciplinary Designer. Reference design system (extracted from the live site): - Palette: #b14d6a, #d6a2b1, #642c3c, #828784, #b7b9b9 - Typefaces: Neue-Montreal - Macrostructure: Specimen 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/gianlucagradogna-com