PRAI Beauty brand guide: fonts, colors & website design
Fonts & primary colors
Montserrat
Aa Beauty, skin & color.
Checking original webfont…Metropolis
Aa Beauty, skin & color.
Font source not supplied; fallback shownCrimson Text
Aa Beauty, skin & color.
Checking original webfont…#F6F2FAsurface
#6B2A64ink
#6B2A64accent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | Crimson Text | 35px | 400 | 38.5px | normal | none |
| h2 | Crimson Text | 58px | 400 | 63.8px | normal | none |
| h3 | Montserrat | 18.3px | 400 | 25.62px | 0.75px | none |
| body | Montserrat | 15px | 400 | 22.5px | 0.75px | none |
| nav link | Montserrat | 16px | 400 | 24px | 0.75px | none |
| price | Montserrat | 13px | 400 | 18.2px | 0.75px | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#F6F2FABackground
#6B2A64Alternate background / Text / Button fill / Accent
03 / IMAGERY
- Style: Jar still lifes on lilac
- Lighting: Soft
- People: Older women
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.
- Declared font 'Metropolis' (4% of text) has no loaded webfont; visitors see a fallback.
- typography.h3 measured via a fallback selector (no semantic tag/class on the site): [role=heading][aria-level="3"],[class~="h3" i],[class*="heading-3" i],[class*="card__title" i],[class*="product-title" i],[class*="product__title" i],[class*="product-name" i].
- ui_details.product_card measured via a fallback selector (no semantic tag/class on the site): fallback:ancestor of product link with img+price.