№ fullstory-com--resources

Fullstory

Deep indigo expanse, crisp sans-serif clarity, a subtly digital, data-driven stillness.

Feature Stackminimalism monochrome futurist saaslight

The page uses a stark, dark palette with bright accent colors to highlight key metrics and features. The layout is structured with a sticky navigation and a scrolling right pane showcasing product details alongside a left pane of labels and data points. · saas analytics, product insights, user behavior, fullstory dashboard, ai analytics, digital experience, performance monitoring, data visualization, product analytics

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 · high-contrast · monochrome

SwatchHexOKLCHSuggested roleCopy

Hex#06d49c
OKLCHoklch(77.1% 0.160 166)
RoleDominant
find sites →
Hex#0b3c3c
OKLCHoklch(32.5% 0.050 195)
RoleSurface
find sites →
Hex#f89cb3
OKLCHoklch(79.2% 0.113 4)
RoleInk
find sites →
Hex#607fa3
OKLCHoklch(58.7% 0.066 253)
RoleAccent
find sites →
Hex#bcb3c0
OKLCHoklch(77.8% 0.021 316)
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	Sample
h1	neulis-neue	62px	400	1.1	Aa Bb Cc
h2	neulis-neue	48px	700	1.2	Aa Bb Cc
h3	neulis-neue	36px	700	1.2	Aa Bb Cc
body	neulis-sans	24px	400	1.5	Aa Bb Cc
button	neulis-sans	24px	400	1.15	Aa Bb Cc

Spacing scale

8px

16px

22px

24px

32px

45px

48px

54px

Radius scale

0px

4px

6px

8px

10px

12px

50px

Container

Max content width 1440px

Export

:root {
  --color-dominant: #06d49c;
  --color-surface: #0b3c3c;
  --color-ink: #f89cb3;
  --color-accent: #607fa3;
  --color-detail: #bcb3c0;
}

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 Fullstory.
Reference design system (extracted from the live site):
- Palette: #06d49c, #0b3c3c, #f89cb3, #607fa3, #bcb3c0
- Typefaces: neulis-neue, neulis-sans
- Macrostructure: Feature Stack
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/fullstory-com--resources

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

neulis-neue

62px

400

1.1

Aa Bb Cc

neulis-neue

48px

700

1.2

Aa Bb Cc

neulis-neue

36px

700

1.2

Aa Bb Cc

body

neulis-sans

24px

400

1.5

Aa Bb Cc

button

neulis-sans

24px

400

1.15

Aa Bb Cc

Build a landing page in the visual style of Fullstory. Reference design system (extracted from the live site): - Palette: #06d49c, #0b3c3c, #f89cb3, #607fa3, #bcb3c0 - Typefaces: neulis-neue, neulis-sans - Macrostructure: Feature Stack 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/fullstory-com--resources