Skip to content
Library

Threads. Quiet monochrome paper feed.

  • Media
  • Light theme
  • 8 colors
  • 1 typeface

Threads reads as a monochrome whisper — a near-white canvas (#fafafa) holding a single narrow feed column framed by a sparse icon-only sidebar. Almost every surface, border, and icon is rendered in black-to-gray neutrals, with color appearing only as functional punctuation: the indigo-blue (#385898) for verified badges, links, and hover states, and a brighter blue (#0095f6) for the primary follow action. Components are flat, hairline-bordered, and generously rounded — 18px on post cards, fully pill-shaped (1000px) on buttons and tags, 8px on media thumbnails. The system avoids elevation entirely; cards sit on the canvas with 1px borders rather than shadows, giving the interface a printed-on-paper feel rather than a stacked-product feel. Typography is system-ui at small compact sizes (12–15px), with bold 600 used for usernames and post bodies remain at 400, creating a text-first social reader where avatars and short replies are the visual content.

Screenshot of Threads
Captured from threads.net on October 11, 2026

Threads design system

Threads

Brand1

  • Verified badges, inline links, outlined hover state on action buttons — the only chromatic brand color, used as a quiet signature rather than a loud accent

Accent1

  • Follow button, primary outlined action color, clickable link emphasis — vivid blue reserved for moments that must demand a tap

Neutrals6

  • Primary text, icon strokes, hairline borders, Log in button — the structural black that carries almost all interface weight

  • Secondary body text, icon detail strokes, post metadata

  • Muted helper text, inactive icons, disabled state borders, timestamp labels

  • Dividers and separator borders between feed sections

  • Soft section background, alternate surface, and quiet card fill. Do not promote it to the primary CTA color

  • Page canvas, card surface background — the off-white that makes the whole feed feel like printed paper

Try a pairing

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

Aa

Paper on Verified Indigo

6.67 : 1 contrast

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

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