Skip to content
Browse
Library

Recent. Gallery wall behind a white mat.

  • Design tools
  • Light theme
  • 11 colors
  • 1 typeface

Recent is a white-canvas design-inspiration feed where the curated work is the only loud thing on the page. A fixed 252px sidebar and a four-column masonry of 316px Tile Gray #f5f5f5 tiles with 8px corners and 12px gutters carry an endless stream of posters, interfaces and motion pieces, while the chrome stays tiny: Inter at 13px/400 in translucent-black grays, 28px-high pills, and one Press Black #0b0b0b chip marking the active filter. Colour enters only as punctuation, a Hot Magenta #f900a3 hand-scribbled 'new' marker and a holographic Staff Pick Violet #af6eff badge. Depth comes from hairline rings and inset glass badges rather than cast shadows.

Visit recent.design
Screenshot of Recent
Captured from recent.design on October 23, 2026

Recent design system

Recent

Brand1

  • Logo mark, active filter chip, Sign up pill and primary text — a near-black that is the only solid fill the chrome ever uses

Accent3

  • The 'new' label and its hand-drawn squiggle underline in the sidebar — a single shot of colour that reads like a marker note

  • Base fill of the 28px Staff Pick badge on feed tiles, under the holographic foil and a violet-tinted bevel

  • Iridescent foil on the Staff Pick badge, under a white radial highlight — the only gradient in the interface, sized to 28px

Neutrals7

  • Page canvas, sidebar, raised Log in and sort pills, and text on dark or glass badges

  • Feed tile backing behind every image and video, and the Design jobs panel — the mat that frames the work

  • Inactive category chips and the Post a job pill — rgba(0,0,0,0.063) black wash over Paper

  • 1px rgba(0,0,0,0.063) dividers such as the See all jobs rule and the sidebar separator

  • Sidebar group labels (Browse, Resources) and the copyright line — rgba(0,0,0,0.267) text

  • Inactive navigation, chip labels, company names, sponsor copy and member counts — rgba(0,0,0,0.486) text

  • Translucent rgba(0,0,0,0.447) fill of the slide-count and open-arrow badges floating on media tiles

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Paper on Press Black

19.68 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.