Counter brand guide: fonts, colors & website design
Fonts & primary colors
ABCSocial
Aa Beauty, skin & color.
Checking original webfont…#FFFFFFsurface
#010001ink
#C23535accent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | ABCSocial | 36px | 400 | 39.96px | 1.5% | uppercase |
| h2 | ABCSocial | 24px | 400 | 27.84px | 1.5% | uppercase |
| h3 | ABCSocial | 16px | 400 | 18px | 1.5% | uppercase |
| body | ABCSocial | 14.4px | 400 | normal | normal | none |
| nav link | ABCSocial | 16px | 400 | 18px | 1.5% | uppercase |
| price | ABCSocial | 14px | 400 | 17.92px | normal | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground
#FAF9FAAlternate background
#010001Text
#645A5CSecondary text
#E6DDDDButton fill
#C23535Accent
03 / IMAGERY
- Style: Packshots on grey, product still lifes
- Lighting: Even studio
- People: Few faces
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.
- ui_details.secondary_button measured via a fallback selector (no semantic tag/class on the site): a,button,[role=button].