Rodial brand guide: fonts, colors & website design
Fonts & primary colors
Inter
Aa Beauty, skin & color.
Checking original webfont…Century Gothic
Aa Beauty, skin & color.
Checking original webfont…Baskerville Italic
Aa Beauty, skin & color.
Font source not supplied; fallback shown#FFFFFFsurface
#333333ink
#9B434Caccent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | Century Gothic | 25px | 400 | 23px | -0.75px | uppercase |
| h2 | Inter | 13px | 600 | 13px | normal | none |
| h3 | Century Gothic | 18px | 400 | 18px | normal | uppercase |
| body | Inter | 15px | 300 | 21px | normal | none |
| nav link | Inter | 16px | 400 | 24px | normal | none |
| price | Inter | 16px | 600 | 19px | normal | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground
#333333Alternate background / Text / Button fill
#808080Secondary text
#9B434CAccent
03 / IMAGERY
- Style: Dark glam product still lifes
- Lighting: Warm dramatic
- People: Rare
Sources & limitations
Independent analysis of supplied website captures. Measurements describe sampled elements, not universal brand rules. Font specimens report whether the supplied original URL loads; unavailable fonts show a labeled fallback.
- Served the UK store (GBP) because of the capture machine's location.
- typography.h3 measured via a fallback selector (no semantic tag/class on the site): fallback:size-rank 3.
- typography.price measured via a fallback selector (no semantic tag/class on the site): span,div,p,s,strong,b,ins,del.
- ui_details.secondary_button measured via a fallback selector (no semantic tag/class on the site): a,button,[role=button].
- ui_details.product_card measured via a fallback selector (no semantic tag/class on the site): fallback:ancestor of product link with img+price.