Educated Mess brand guide: fonts, colors & website design
Fonts & primary colors
Helvetica Neue EM
Aa Beauty, skin & color.
Font source not supplied; fallback shownFK Display
Aa Beauty, skin & color.
Font source not supplied; fallback shownSequel
Aa Beauty, skin & color.
Font source not supplied; fallback shown#FFFFFFsurface
#000000ink
#C8D4E6accent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | FK Display | 34px | 400 | 51px | -0.3px | none |
| h2 | FK Display | 49px | 400 | 63.7px | normal | none |
| h3 | Sequel | 26px | 400 | 35px | -0.3px | uppercase |
| body | Helvetica Neue EM | 17px | 400 | 25.5px | -0.3px | none |
| nav link | system_ui | 17px | 400 | 25.5px | normal | none |
| price | Helvetica Neue EM | 19.125px | 400 | normal | -0.3px | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground / Button fill
#C8D4E6Alternate background / Accent
#000000Text
#242424Secondary text
03 / IMAGERY
- Style: Fashion-editorial: a model on a stool with flying paper, oversized macro product shots, close-up diverse skin.
- Lighting: Soft studio daylight, grey seamless backdrop.
- People: Diverse models styled like a streetwear campaign.
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.
- Category page (/collections/all-products) was captured fresh today; it was missing from the paused batch.
- Typography check (2026-10-29): about 3.5% of text declares font-family "system_ui" (underscore, a typo for system-ui) followed by -apple-system, Segoe UI, Roboto, Helvetica Neue. "system_ui" matches no font, so the browser falls through to the next family (San Francisco on Apple, Segoe UI on Windows, Roboto on Android). The main fonts (Helvetica Neue EM, FK Display, Sequel, Geist Mono, GT Standard) all load.
- The announcement bar exists in the markup (wt-announcement-bar, with a close button) but was not rendered or was collapsed at capture time on all 6 pages.
- Font files are not included in this export (commercial licences); exact rendering of custom fonts needs the licensed files.
- Declared font 'system_ui' (2% of text) has no loaded webfont; visitors see a fallback.
- ui_details.product_card measured via a fallback selector (no semantic tag/class on the site): fallback:ancestor of product link with img+price.
- home-desktop: price/"Loading" wait timed out (widget text may persist).
- home-mobile: price/"Loading" wait timed out (widget text may persist).
- product-desktop: price/"Loading" wait timed out (widget text may persist).
- product-mobile: price/"Loading" wait timed out (widget text may persist).
- category-desktop: price/"Loading" wait timed out (widget text may persist).
- category-mobile: price/"Loading" wait timed out (widget text may persist).