Solara Suncare brand guide: fonts, colors & website design
Fonts & primary colors
DM Sans
Aa Beauty, skin & color.
Checking original webfont…Bayshore
Aa Beauty, skin & color.
Checking original webfont…#FFFFFFsurface
#1C1C1Cink
#FEE3A5accent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | DM Sans | 34px | 700 | 56.1px | normal | none |
| h2 | Bayshore | 50px | 400 | 40px | 1px | none |
| h3 | Helvetica | 18px | 400 | 29.7px | normal | none |
| body | DM Sans | 17px | 400 | 28.05px | normal | none |
| nav link | DM Sans | 34px | 700 | 56.1px | normal | none |
| price | DM Sans | 17px | 400 | 28.05px | normal | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground / Button fill
#FEE3A5Alternate background / Accent
#1C1C1CText
#6B6B6BSecondary text
03 / IMAGERY
- Style: Sunlit product still lifes on terracotta
- Lighting: Warm sun
- 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.
- product-desktop: price/"Loading" wait timed out (widget text may persist).
- product-mobile: price/"Loading" wait timed out (widget text may persist).