My Magic Healer brand guide: fonts, colors & website design
Fonts & primary colors
DM Sans
Aa Beauty, skin & color.
Font source not supplied; fallback shownLora
Aa Beauty, skin & color.
Font source not supplied; fallback shown#FFFFFFsurface
#000000ink
#FFD36Daccent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | DM Sans | 32px | 600 | 32px | normal | none |
| h2 | Lora | 38px | 500 | normal | normal | none |
| h3 | Lora | 36px | 500 | 43.2px | normal | none |
| body | DM Sans | 13px | 400 | 18.85px | normal | none |
| nav link | DM Sans | 18px | 400 | 18px | normal | none |
| price | DM Sans | 20px | 600 | 22px | normal | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground
#F4F4F4Alternate background
#000000Text
#2D2D2DSecondary text
#FFD36DButton fill / Accent
03 / IMAGERY
- Style: Product jars on coloured seamless backdrops; real-customer before/after skin photos; a smiling model in the hero.
- Lighting: Bright, warm, flat.
- People: Real customers and a friendly hero model.
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.
- typography.h3 measured via a fallback selector (no semantic tag/class on the site): fallback:size-rank 3.
- 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.