№ stickers-gallery--about

Part of Stickers Gallery - 2 pages captured →

Stickers Gallery · About

Raw brutalist gallery, chunky grey bubble type over a muted concrete void

Marquee Herominimalism playful medialight

A stark, light grey canvas featuring centered, all-caps sans-serif typography. The composition is anchored by a playful, tactile image of a metal locker covered in stickers at the bottom. · minimalist about page, centered typography, sticker archive, grey background, playful curation

Stickers Gallery · About - mobile — Mobile · 375

Hero - desktop 1440 × 900 · mobile 375

See history ↻Visit source ↗

The whole page, top to bottom - desktop & mobile

Stickers Gallery · About - full page scroll

Stickers Gallery · About - mobile full page

Palette

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

Reads as: muted · high-contrast

SwatchHexOKLCHSuggested roleCopy

Hex#1e2cd6
OKLCHoklch(43.5% 0.248 267)
RoleDominant
find sites →
Hex#81e186
OKLCHoklch(82.8% 0.155 145)
RoleSurface
find sites →
Hex#1b7e22
OKLCHoklch(51.9% 0.155 144)
RoleInk
find sites →
Hex#5f67ba
OKLCHoklch(54.7% 0.128 277)
RoleAccent
find sites →
Hex#bcb6ab
OKLCHoklch(77.8% 0.017 83)
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	Matech Bold	14px	700	1.1	0	Aa Bb Cc
body	sans-serif	12px	400	1.4	0	Aa Bb Cc

Export

:root {
  --color-dominant: #1e2cd6;
  --color-surface: #81e186;
  --color-ink: #1b7e22;
  --color-accent: #5f67ba;
  --color-detail: #bcb6ab;
}

/* CSS variables exposed by source */
:root {
  --one-if-corner-shape-supported: 1;
}

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 Stickers Gallery · About.
Reference design system (extracted from the live site):
- Palette: #1e2cd6, #81e186, #1b7e22, #5f67ba, #bcb6ab
- Typefaces: Matech Bold, sans-serif
- Macrostructure: Marquee Hero
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/stickers-gallery--about

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

Matech Bold

14px

700

1.1

Aa Bb Cc

body

sans-serif

12px

400

1.4

Aa Bb Cc

:root { --color-dominant: #1e2cd6; --color-surface: #81e186; --color-ink: #1b7e22; --color-accent: #5f67ba; --color-detail: #bcb6ab; } /* CSS variables exposed by source */ :root { --one-if-corner-shape-supported: 1; }

Build a landing page in the visual style of Stickers Gallery · About. Reference design system (extracted from the live site): - Palette: #1e2cd6, #81e186, #1b7e22, #5f67ba, #bcb6ab - Typefaces: Matech Bold, sans-serif - Macrostructure: Marquee Hero 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/stickers-gallery--about