Rhode brand guide: fonts, colors & website design
A design reference for rhodeskin.com, based on six desktop and mobile page captures from October 29, 2026.
Brand guide
Home, collection, and product pages · Desktop + mobile · Captured October 29, 2026
Swiss Aa
Primary sans · 400 / 700rektorat heavy aa
Display · Lowercase · −0.04em01 / TYPOGRAPHY
Swiss: body text, navigation, prices, and buttons. Rektorat Heavy: lowercase display headings. Both samples use the original webfonts.
Skincare, lips, and color.
abcdefghijklmnopqrstuvwxyz
0123456789 & @ ! ?
Regular 400 + bold 700 · Interface, body, navigation, prices
Loading original webfont…
peptide lip tint
0123456789 & @ ! ?
CSS weight 400 · Lowercase display · −0.04em tracking
Loading original webfont…
| Role | Family | Desktop / mobile | Weight | Line height / tracking |
|---|---|---|---|---|
| Hero H1 | Swiss | 176px / — | 400 | 211.2px / normal |
| Section H2 | Rektorat Heavy | 57.6px / 40px* | 400 | 1 / −0.04em |
| Subheading H3 | Swiss | 26.88px / — | 700 | 40.32px / normal |
| Common body size | Swiss | 16.2px / 13.98px | 400 | Varies by component |
| Large product copy | Swiss | 40px / — | 400 | 48px / 0.8px |
| Navigation | Swiss | 16.2px / — | 700 | 24.3px / 0.324px |
| Price + primary CTA | Swiss | 16.88px / — | 400 | 25.32px / 0.3376px |
Font shares are weighted by sampled text, not the percentage of components. Sizes describe captured elements, not universal rules. *Mobile display size from the supplied guide; a dash means a matching mobile value was not recorded in this summary. “Swiss” is the captured CSS family alias.
02 / COLOR PALETTE
Interface colors and their roles. Select a swatch to copy its HEX value.
03 / IMAGERY
- Framing: close crops of faces, lips, and skin.
- Lighting: soft, diffuse light in the sampled images.
- Products: isolated packshots on neutral backgrounds and close-ups of formula textures.
Images are crops of the supplied website captures. Lighting and art direction are visual observations; the archive does not establish every campaign’s production method.