Serif Fashion Website Design Examples
Farfetch
Kith
Vogue
BriogeoThere are 15 serif fashion website designs here — live sites that are fashion & beauty sites that set headlines in a serif typeface, including Farfetch, Kith, Vogue, Briogeo and Madison Reed — cut into 337 sections. 100% use a light theme and 0% a dark one; the most common headline fonts are Adobe Garamond Pro (1), Tiempos (1) and Domaine Display Condensed (1). 7 of 15 open with a hero, 0 show pricing on the homepage and 3 carry testimonials.
At a glance
- Sites
- 15
- Sections captured
- 337
- Light / dark
- 100% light · 0% dark
- Top heading fonts
- Adobe Garamond Pro (1), Tiempos (1) and Domaine Display Condensed (1)
- Accent colours
- neutral 9pink 2red 2
- Most common sections
- features (10), hero (7), showcase (7) and testimonials (3)
- Top industries
- Fashion & Beauty (15)
- Award winners
- 1 of 15
Filter
Industry
Exact colour
What makes a good serif fashion website design
Serif headlines signal editorial, heritage or craft: they slow the reader down and add warmth, often paired with a clean sans for interface text. Fashion and beauty brands let photography carry the page — full-bleed imagery, editorial type and minimal chrome.
What these 15 serif fashion websites have in common
Measured from the captures, not opinion — use it to plan a serif fashion website against what already works.
Sections they use
10 include features, 7 include hero, 7 include showcase and 3 include testimonials. 3 answer objections with an FAQ and 3 (20%) close with a dedicated call to action. Read top to bottom, the most common running order is hero → features → footer → showcase. Compare them side by side: features section examples, hero section examples, showcase section examples.
Type and colour
Light layouts lead (100% vs 0% dark). Headlines are most often set in Adobe Garamond Pro (1), Tiempos (1) and Domaine Display Condensed (1). The most common accent hues are neutral (9), pink (2) and red (2). Every example lists its exact fonts and hex palette on its page.
Page length
The average homepage here is about 5,623px tall at desktop width — roughly 6 screens of scrolling, with Vogue the longest at 11,000px. Open any site to scroll the full-page capture and see where each section falls.
15 serif fashion website designs worth studying
- Briogeo — “Powered by naturally derived ingredients + 6-free™ clean science. Proven to deliver high performance for all hair types + textures.” 26 sections, headlines in Tiempos, light theme, palette #ffffff and #000000.
- Madison Reed — “Madison Reed is transforming at home hair color with ammonia free hair dye that results in multi-dimensional color that looks beautiful, healthy and natural.” 39 sections, headlines in Domaine Display Condensed, light theme, palette #ffffff and #911885; the homepage runs showcase → about → features.
- Felix Gray — “We make the most advanced eyewear on the market because no one filters Blue Light like we do. Click here to learn about Felix Gray's designer eyewear. Shop…” 14 sections, headlines in Reckless Neue, light theme, palette #002c33 and #ffffff; the homepage runs hero → call to action → footer.
- Lisa Says Gah — “Designed in Los Angeles, our collections are developed in-house with a focus on individuality, creativity, and wearability.” 33 sections, headlines in Times NR MT W01 Condensed, light theme, palette #ffffff and #d21008; the homepage runs features → call to action → features → showcase.
- Tilly Sveaas — “Discover British jewellery brand Tilly Sveaas, the home of the T-Bar. Inspired by the past, created for the now and designed to be worn forever. Explore their iconic…” 14 sections, light theme, palette #efefef and #000000.
- IGK — “Founded by renowned hairdressers, IGK presents styling products for the modern generation. Shop our collection of hair products for a variety of hair types.” 1 sections, headlines in Canela, light theme, palette #ccb5ff and #ffffff.
How to use these references for a serif fashion website
Pair one serif display face with a neutral sans for body and UI, set headlines large with tight leading, and keep the rest of the layout quiet. For a fashion or beauty brand, notice how photography carries the page and how little interface copy is needed. Start with Farfetch, Kith and Vogue, open each site at full size and compare their features and hero sections; every reference carries its palette, fonts and a build prompt you can paste into your editor.
Related searches
Browse all websites or the full A–Z of popular searches.
How this list is built: 15 sites from the UIDiscovery library that are fashion & beauty sites that set headlines in a serif typeface, matched on each product's own title, description and headline copy, captured styles, colours and fonts. Ordered by popularity.
Library updated