Design teardown
White page, warm gray chrome, red rounded actions, large pictures.
pinterest.com
Design character
Picture-first and plainspoken
A white marketing page with a slim top bar, a centered headline, alternating picture-and-text rows, and a dark closing band that holds a white signup card over a photo collage.
Typography
One family, Pin Sans, carries every role. Headlines are heavy and tight, support text is regular, and controls use medium weight at 16px.
Color system
A white stage, warm gray fills, near-black type, and one red used for the mark and the main action. The closing band and footer go dark.
Spacing and geometry
An 8px rhythm with 16, 24, and 32px insets. Controls are a consistent 48px tall. Feature rows are tall and separated by a wide white gap.
Layout
A fixed white bar over a centered hero, then a centered intro, then wide rows that swap a 550px picture and a text column, then a full-bleed dark band with a floating card, then a black footer.
Motion
The homepage sits still. Pictures do not autoplay. Buttons are the only motion on the page, and it is a very short transform.
UI fingerprint
- One red action Primary buttons and the wordmark share #e60023. Everything else stays neutral.
- Warm gray controls Search and secondary buttons use #e5e5e0, not a cool gray or an outline.
- 16px on 48px Buttons are 48px tall with a 16px radius, so they read as pills without a full capsule radius.
- Big clipped pictures Feature art is a 550px square with a 32px radius and no shadow, set beside a short text stack.