Sol de Janeiro brand guide: fonts, colors & website design
Fonts & primary colors
Noto Sans
Aa Beauty, skin & color.
Checking original webfont…Knockout
Aa Beauty, skin & color.
Checking original webfont…#FFFFFFsurface
#646464ink
#FFB600accent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | Knockout | 40px | 400 | 31.2px | normal | uppercase |
| h2 | Knockout | 40px | 400 | 31.2px | normal | uppercase |
| h3 | Knockout | 28px | 400 | 21.84px | normal | uppercase |
| body | Noto Sans | 14px | 400 | 22.4px | -0.14px | none |
| nav link | Knockout | 22px | 400 | 17.16px | normal | uppercase |
| price | Knockout | 22px | 400 | 14.3px | normal | uppercase |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground
#212722Alternate background
#646464Text
#EBEBEBButton fill
#FFB600Accent
03 / IMAGERY
- Style: Sunlit lifestyle, gift packaging
- Lighting: Golden hour
- People: Hands and bodies
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.
- Original product and category screenshots are partly greyed by an overlay/quick-view drawer; computed styles are from the clean Oct 30 re-capture.