Rewind design system v1.0

CYBERDELIA

// inspiration

Blank VHS cassette packaging from the 1980s and 90s.

Memorex HS with bold colored shapes on dark
→
color blocking → personality tints
Bold color on dark backgrounds. Each reviewer gets a unique tint from this vocabulary.
Radio Shack Supertape Gold with stacked condensed bold type
→
stacked bold type → anybody semicondensed
BRUISER'S PICKS
VHS spines are tight. Condensed weight reads fast in small spaces.
RCA Premium cassette with pixel grid on black
→
dark packaging → dark mode only
VHS lives in the dark. No light mode.
Akai E-180
Fuji Videocassette
Curtis Mathes
Maxell GX-Silver

// personality system

Five carefully tuned built-in reviewers, each with a unique identity.

Bruiser
#D76642
burntOrange
action martial arts DTV
Sicko
#9878CC
violet
slashers creature features splatter
Chrome
#40A868
mint
cyberpunk sci-fi dystopia
Zealot
#CC4488
hotPink
cult midnight camp
Weirdo
#3A9B8B
deepTeal
SOV mondo subcultural

// colors

bg
surface
blue
amber
mint
violet
noRed
Bruiser
Sicko
Chrome
Zealot
Weirdo

// typography

displayXLAnybody SemiCondensed
ExtraBold 800 / 68pt
Scoreboard numbers, hero stats
3   1   7
displayBuilderHeadlineAnybody SemiCondensed
SemiBold 600 / 30pt
Section headlines, onboarding
Pick 5 or more tapes you're into.
displayNameAnybody SemiCondensed
SemiBold 600 / 22pt
Personality names, tape titles
Sicko
displayLabelAnybody SemiCondensed
SemiBold 600 / 14pt / uppercase
Section headers, category labels
Your Taste DNA
bodySF Pro / System Sans
Regular 400 / .subheadline
Descriptions, content

Your shelves are a chaotic mailroom where slashers, cult musicals, and haunted kids' movies all get stamped "forward anyway." You chase the uncanny mix of cozy and cursed.

monoHeadlineSF Mono / Fira Code
Bold 700 / .title2
Stats, data display
47,697 TITLES
R · 1987 · 92 min · Vestron Video

// components

OWNED WANTED SIMILAR VERIFY TITLE
filled
Add to Collection
filled
Add to Want List
outline
Mark as Watched
plain
Undo
destructive
Remove from Collection

// iconography

vhs-tapevhs-tape
tapestapes
hand-fist
skull
circuitry
fire-simple
eyes
camera
search
faders
clock
house
star
trophy
sparkle
ghost
bookmark
plus-circle
trash
check

// backdrops

Custom backdrops for reviewers, onboarding, and genres.

system
Bruiser
bruiser
Sicko
sicko
Chrome
chrome
Zealot
zealot
Weirdo
weirdo
Custom
custom
Akai
akai
Memorex
memorex
Scotch
scotch
TDK
tdk
genre
Action
action
Anime
anime
Comedy
comedy
Crime
crime
Documentary
documentary
Drama
drama
Fantasy
fantasy
Horror
horror
Martial Arts
martial arts
Music
music
Mystery
mystery
Romance
romance
Sci-Fi
sci-fi
Thriller
thriller
War
war
Western
western

// crt effect

SCANNING

// in context

Scan screen
scan
Scan results
results
Tape detail
tape detail
Collection
collection
Multi-select
multi-select
Actor filmography
filmography