Track films you’ve watched.
Save those you want to see.
Tell your friends what’s good.

Get started — it’s free!
Components

Popular films this week

Letterboxd’s Top 500 Films
The Odyssey2026★ 4.5
Perfect Days2023★ 4.3
In the Mood for Love2000★ 4.6
Controls

Buttons, chips & fields

Get started Browse shelves Disabled Watchlist Reviewed
Get started Browse shelves Get started ← hover (→ #009d1a) & focus (→ #009318)
Search films… Search films… ← focus (field inverts to white)

The green CTA (fill #00ac1c, 4px radius, 42px) carries an inset white top highlight and darkens to #009d1a on hover. The search field inverts to a white background on focus — focus is real, not suppressed.

Typography

Graphik · Tiempos serif

Hero headline · Tiempos serif · 36/48 · 700Track films you’ve watched.
Logo / h1 · Graphik · 24/24 · 400Letterboxd
Sub / h3 · Graphik · 16/20 · 700Letterboxd’s Top 500 Films
Body · Graphik · 16/24 · 400A social platform for sharing your taste in film.
Nav · Graphik · ~13 · 700 · UPPERCASEFilms · Lists · Members
Button · Graphik · 18 (primary) / 13 (pill) · 700Get started
Palette

Blue-tinted, plus the dot triad

Text (blue-grey ladder)
text-1#aabbcc
text-2#99aabb
text-3#8899aa
text-muted#667788
text-faint#556677
text-dim#445566
near-white#ddeeff
white#ffffff
Surfaces (navy)
canvas#14181c
canvas-deep#12161a
card#2c3440
inset#202830
ink-darkest#223344
Brand triad + green family
green-dot#00c030
green-brand#00e054
green-fill#00ac1c
green-hover#009d1a
blue-dot#209cd4
orange-dot#f07000
Depth & motion

Inset rings on a dark stage

3px control
4px button
fluid poster 2–8px
100% avatar
poster ring inset
poster drop
green top highlight

House easing cubic-bezier(0.19,1,0.22,1) (expo-out) at 0.333–0.5s; skeleton shimmer/pulse plus an animate.css reaction set. No JS animation library.