# peekpaper.com

Source: https://peekpaper.com/
Captured: 2026-09-13
Tags: editorial-media, landing, light, both, retro-warm, editorial, playful, warm, playful, nostalgic, human, confident
Colors: #e2e1da, #0a0a0a, #b3bcb9, #0a9767, #919394, #2e2f2f, #535351, #3ba881
Type (h1): Manrope · 41.6px/43.68px · 700 · tracking -1.248px — "The Web's Daily Paper"
Type (h2): Caveat Variable · 37.6px/43.24px · 600 · tracking 0.376px — "Pressed Objects"
Type (body): Manrope · 16.8px/22.68px · 500 · tracking 0.168px — "2,204 hand-picked websites for daily inspiration"
Type (button): Manrope · 12px/normal · 600 · tracking 0.24px — "Desktop"
Button (primary): "Theme" — fill #fffdf7, text #6b6459, radius 999px, border 1px, padding 0px 13.6px, height 34px, type 12px/600
Button (secondary): "Desktop" — text #a86a12, radius 999px, border 0px, padding 6.4px 13.6px, height 28px, type 12px/600
Radii: 2px (14), 999px (10), 50% (2)

## Images

- Hero (desktop): https://media.lvly.design/library/peekpaper-com/hero.webp?v=a6df7687
- Page crop (mid-1): https://media.lvly.design/library/peekpaper-com/mid-1.webp?v=114be6a1
- Page crop (mid-2): https://media.lvly.design/library/peekpaper-com/mid-2.webp?v=fe777718
- Hero (mobile): https://media.lvly.design/library/peekpaper-com/mobile-hero.webp?v=fd16e8a2
- Full page (desktop): https://media.lvly.design/library/peekpaper-com/full.jpg?v=d467fca1
- Full page (mobile): https://media.lvly.design/library/peekpaper-com/mobile-full.jpg?v=101ea455
- Clip preview (mp4): https://media.lvly.design/library/peekpaper-com/video-tqz69p.preview.mp4?v=2f74e7c5

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.

## Steal-worthy details

- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- Radii are disciplined to two values: 2px on the cards and screenshots (paper corners) and 999px on every control (tape, pills, keycaps).

## Style recipe

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.