№ lookback-com--service-agreement

Lookback

Soft, warm pastels drift across a spacious canvas, anchored by friendly, rounded type.

Feature Stackminimalism playful editorial saaslight

The composition uses a soft, hand-drawn illustration layered over a clean layout. The color palette is muted pastels and earthy tones, creating a sense of approachable expertise. Typography is friendly and legible, prioritizing clarity over starkness. · saas landing page, product demo, remote user testing, design system, user research, insights platform, minimalist design, pastel colors

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: pastel · muted · earthy

SwatchHexOKLCHSuggested roleCopy

Hex#1c83eb
OKLCHoklch(61.0% 0.180 254)
RoleDominant
find sites →
Hex#1a549c
OKLCHoklch(45.0% 0.131 256)
RoleSurface
find sites →
Hex#fbdb6d
OKLCHoklch(89.7% 0.134 93)
RoleInk
find sites →
Hex#589c86
OKLCHoklch(64.1% 0.078 171)
RoleAccent
find sites →
Hex#a5d0cd
OKLCHoklch(82.6% 0.045 191)
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	Newzald	76px	500	1.1	Aa Bb Cc
h2	Inter	40px	500	0.96	Aa Bb Cc
h3	Newzald	32px	500	0.94	Aa Bb Cc
body	Inter	18px	400	1.5	Aa Bb Cc
caption	Inter	16px	400	1.2	Aa Bb Cc
button	Helvetica Neue	16px	400	1.13	Aa Bb Cc

Spacing scale

5px

24px

25px

29px

38px

42px

46px

48px

50px

55px

64px

66px

68px

72px

73px

75px

77px

84px

88px

92px

93px

104px

128px

140px

Radius scale

0px

3px

8px

48px

50px

Container

Max content width 1440px

Export

:root {
  --color-dominant: #1c83eb;
  --color-surface: #1a549c;
  --color-ink: #fbdb6d;
  --color-accent: #589c86;
  --color-detail: #a5d0cd;
}

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 Lookback.
Reference design system (extracted from the live site):
- Palette: #1c83eb, #1a549c, #fbdb6d, #589c86, #a5d0cd
- Typefaces: Newzald, Inter
- 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/lookback-com--service-agreement

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

Newzald

76px

500

1.1

Aa Bb Cc

Inter

40px

500

0.96

Aa Bb Cc

Newzald

32px

500

0.94

Aa Bb Cc

body

Inter

18px

400

1.5

Aa Bb Cc

caption

Inter

16px

400

1.2

Aa Bb Cc

button

Helvetica Neue

16px

400

1.13

Aa Bb Cc

Build a landing page in the visual style of Lookback. Reference design system (extracted from the live site): - Palette: #1c83eb, #1a549c, #fbdb6d, #589c86, #a5d0cd - Typefaces: Newzald, Inter - 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/lookback-com--service-agreement