Geek & Gorgeous brand guide: fonts, colors & website design

Fonts & primary colors

Open Sans

Aa Beauty, skin & color.

Font source not supplied; fallback shown

Work Sans

Aa Beauty, skin & color.

Font source not supplied; fallback shown
#FFFFFFsurface
#000000ink
#002BA3accent

01 / TYPOGRAPHY

Captured text specifications
RoleFontSizeWeightLine heightTrackingCase
h1Work Sans35px60042pxnormalnone
h2Work Sans60px60040pxnormalnone
h3Work Sans15px60019.17pxnormalnone
bodyOpen Sans15px40022.5pxnormalnone
nav linkOpen Sans15px50022.5pxnormalnone
priceOpen Sans15px40022.5pxnormalnone

Values describe the sampled elements in the supplied capture profile.

02 / COLOR PALETTE

Key interface colors from the captured pages.

#FFFFFFBackground / Button fill
#D7F6F4Alternate background
#000000Text
#666666Secondary text
#002BA3Accent

03 / IMAGERY

  • Style: Minimal studio packshots of amber/white bottles on mint or white, scattered flat-lays.
  • Lighting: Bright, even, clean.
  • People: None; product-only.
Geek & Gorgeous home-desktop archived websiteGeek & Gorgeous product-desktop archived website
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.add_to_cart_pdp measured via a fallback selector (no semantic tag/class on the site): button, a, [role=button], div[class*="add" i], div[class*="cart" i].
BEAUTYRETAIL / YOUR EDIT