peekpaper.com

The Web's Daily Paper — Peek Papersaved 26d ago · captured 26d ago

Seven details, seven pinned.

View as Markdown ↗

Colors8 colors · ground #E2E1DA

ground#e2e1da·69.69%#0a0a0a·13.39%#b3bcb9·3.89%#0a9767·2.26%#919394·2.13%#2e2f2f·1.90%#535351·1.64%#3ba881·1.38%

Sized by coverage · click to copy.

Typography2 families · 3 styles · Manrope, Caveat Variable

The Web's Daily Paper

Manrope · 42/44 · 700 · -1.248px

Pressed Objects

Caveat Variable · 38/43 · 600 · 0.376px

Body

2,204 hand-picked websites for daily inspiration

Manrope · 17/23 · 500 · 0.168px

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

ButtonsTheme2 styles

ThemeDesktop

primary · fill #fffdf7 · label #6b6459 · radius 999px · border 1px · padding 0px 13.6px · height 34px · type 12px / 600

secondary · fill — · label #a86a12 · radius 999px · border 0px · padding 6.4px 13.6px · height 28px · type 12px / 600

Shape3 radii · 26 uses

2px14 uses · 54%

999px10 uses · 38%

50%2 uses · 8%

AnalysisPeek Paper is a daily gallery of websites dressed as a printed newspaper, and it commits to the metaphor without turning into a costume.

Peek Paper is a daily gallery of websites dressed as a printed newspaper, and it commits to the metaphor without turning into a costume. The page sits on a warm paper ground (#e7e2d8) under a viewport-wide black Manrope masthead whose lower half is dipped in the brand green (#0f9b6c) with a wobbly ink-line horizon — the one loud gesture on the page. Below it everything is quiet: a bold tight-tracked headline ("The Web's Daily Paper", 41.6px/700/−1.25px), a muted count line, and a thin tick-mark timeline with month labels and a small orange marker for today that turns the archive into a ruler you can scrub. The grid is a corkboard of near-white cards with soft drop shadows, each pinned at the top by a translucent strip of pastel washi tape and captioned with a numbered index, a handwritten-script title, and a tiny external-link glyph; a slightly larger pair of cards leads before the three-column run, and a "SPONSORED" label sits on its own tape rather than in a badge. Controls are low-key pills — a search field with ⌘K keycaps, a Desktop/Mobile segmented switch whose active half is a pale green wash, and ghost pills for Theme, Submit and @PeekPaper. The whole thing reads as a scrapbook someone keeps every day: warm, tactile, and deferential to the screenshots it frames.

Style recipeBuild on a warm paper ground, #e7e2d8, with cards and controls in near-white (#f7f6f2 or similar) and ink in #0a0a0a; the brand accent is a green #0f9b6c used sparingly — one hero gesture plus acti…

Build on a warm paper ground, #e7e2d8, with cards and controls in near-white (#f7f6f2 or similar) and ink in #0a0a0a; the brand accent is a green #0f9b6c used sparingly — one hero gesture plus active-state washes at ~12% — with a single small orange marker (#a86a12 family) allowed for "now/current". Set everything in Manrope: display 700 with −0.03em tracking and ~1.05 line-height, body 500 at 16–17px with +0.01em tracking, small labels 600 at 11–12px in tracked uppercase (+0.08em). Make the masthead a full-bleed word at viewport width with a two-color fill split by an irregular hand-drawn horizon line. Use two radii only: 2px for surfaces and images, 999px for pills, keycaps and tape strips. Present content as pinned cards: near-white card, 2px radius, soft shadow (0 2px 12px rgba(0,0,0,.08)), a translucent pastel tape strip (yellow/mint/lilac/pink at ~60% opacity, 999px) overlapping the top edge, and a caption row of numbered index · handwritten-script title · small icon. Controls are 28px pills — ghost on white with hairline borders, search with keycap hints, segmented switches that show the active state as a pale accent tint rather than a filled inversion. Add one instrument-like element (a tick-mark timeline or ruler) as navigation. Keep motion to gentle fades and the occasional tape/card lift on hover; no gradients, no glass, no neon.

Details7 worth noting

peekpaper.com — the captured page — Landing, 1440 × 900 · captured Sep 13, 2026

1Two-tone masthead with hand-drawn horizon
The masthead is a single word set at viewport width with a two-tone fill — black above, brand green below — split by a hand-drawn, slightly irregular horizon line rather than a straight gradient stop; the wobble is what makes it feel printed rather than generated.
2Tick-mark timeline as archive navigation
A tick-mark timeline (short/long ticks, month labels in tracked small caps, one accent marker for "today") doubles as the archive navigation — a ruler instead of a pagination bar.
3Pastel tape strips pinning the cards
Cards are pinned, not framed: a semi-transparent pastel tape strip (yellow, mint, lilac, pink, rotating per card) overlaps the top edge of each near-white card, and the card carries a soft shadow so it sits on the paper ground.
4Mixed-register card caption row
Card captions mix registers on one line — a monospaced-feeling numeric index (01, 02…) on the left, a handwritten script title centered, and a small external-link icon right — so the screenshot stays the hero and the label reads like a pencilled note.
5SPONSORED typeset on the tape
The "SPONSORED" marker is typeset on the tape strip itself, in tracked caps, so sponsored cards belong to the same system instead of wearing a badge.
6Segmented control active by tint
The segmented Desktop/Mobile control uses a very pale green wash for the active segment inside a white pill — active state by tint, not by inversion.
7Two radii only, 2px and 999px
Radii are disciplined to two values: 2px on the cards and screenshots (paper corners) and 999px on every control (tape, pills, keycaps).

editorial-media · landing · light · retro-warm, editorial, playful · warm, playful, nostalgic, human, confident

peekpaper.com

More like this