Web design trends 2026, measured

What 2,647 real marketing homepages actually do — accent colours, hero imagery, fonts and section order. Every figure below is counted from the sites in our library, captured 21–29 Sep 2026, and labelled with its sample.

47.3%

have no chromatic accent

1,252 of 2,647 homepages are monochrome

52.3%

of heroes: photography

automated label, 1,559 heroes

5

words in the median hero headline

1,275 headlines

7

sections on the median homepage

mean 7.3, 2,567 homepages

UIDiscovery colours of 2026

The most-used accent colours, clustered by eye-distance in OKLab. Vivid red leads at 10.2% of homepages. These are counts from our captures — not a forecast, and not Pantone's Colour of the Year. All colour trends →

Accent = the most saturated palette colour that stands off the background, across 2,647 homepages captured 21–29 Sep 2026; 1,395 had one.

  1. Vivid red

    #ed3833

    269 sites · 10.2%

  2. Blue

    #006ac6

    125 sites · 4.7%

  3. Vivid blue

    #0052f2

    98 sites · 3.7%

  4. Deep blue

    #002b5c

    80 sites · 3%

  5. Vivid yellow

    #ffe030

    63 sites · 2.4%

  6. Red-orange

    #f08030

    61 sites · 2.3%

  7. Yellow

    #f4b233

    55 sites · 2.1%

  8. Deep green

    #154734

    52 sites · 2%

Dark or light

14.9% of homepages are dark-themed. Dark is most common in entertainment (42.2%) and rarest in travel (3.3%).

Theme from each site's measured palette, across 2,647 homepages captured 21–29 Sep 2026.

Dark · 395Light · 2,252

What heroes show

Photography 52.3%, Product UI 18.6%, Abstract, gradient or 3D 14.6%. 27% of hero bands are dark. Hero trends →

Imagery style from an on-device image classifier (Apple Vision labels + pixel metrics), across 1,559 homepage heroes captured 21–29 Sep 2026. It's a best guess: UI screenshots shown with people tend to count as photography.

  • Photography52.3% (816 of 1,559 heroes)
  • Product UI18.6% (290 of 1,559 heroes)
  • Abstract, gradient or 3D14.6% (227 of 1,559 heroes)
  • Type only, no imagery14.5% (226 of 1,559 heroes)

Fonts

Inter is the most-used heading face, but only on 4.1% of sites — we found 1,450 distinct heading fonts. 58.9% use one family for headings and body. Font trends →

Declared CSS font families, across 2,386 homepages with a named heading font captured 21–29 Sep 2026.

  • Inter4.1% (97 of 2,386 sites)
  • Montserrat1.6% (39 of 2,386 sites)
  • Poppins1.6% (38 of 2,386 sites)
  • Suisse Intl1% (25 of 2,386 sites)
  • Open Sans0.9% (22 of 2,386 sites)
  • Geist0.9% (21 of 2,386 sites)

Page structure

The median homepage has 7 sections. Right after the hero, features is most common (32.5%). Only 1.9% put pricing on the homepage. Structure trends →

Section types per homepage, across 2,567 homepages captured 21–29 Sep 2026.

Award-winning sites and motion

541 homepages in the library come from design-award galleries. Compared with the other 2,106, they are dark more often (31% vs 11%), lean minimal (46% vs 25%) and run shorter (4.9 vs 7.6 sections on average).

We record a scroll-through video of 2,553 homepages, but we don't yet measure animation itself (scroll effects, WebGL, transitions) — so we don't publish motion percentages. Award status comes from the gallery each site was found in.

Award-winning homepages compared with the rest of the library
TraitAward sites541Everyone else2,106
Dark theme31%11%
Serif display type4%6%
Colourful palette10%19%
Minimal46%25%
Type-only hero17%14%
Abstract / 3D hero art20%13%

New this month vs the library

Every homepage here was captured in Sep 2026, so there is no month-over-month comparison yet. Once the monthly re-crawl runs, this section will compare each month's captures with the library. What's new →

Capture dates run from 21 Sep 2026 to 29 Sep 2026.

  • Sep 20262,647 homepages

How we measure

UIDiscovery captures each homepage in a 1440px browser, cuts it into sections and records its palette, declared fonts and each section's headings, buttons and images. Section types are verified against each section's own words. Imagery style is labelled on-device by an image classifier and is a best guess (839 of 1,559 hero labels are high-confidence). The sample is the sites we chose to capture — curated and award-gallery sites are over-represented, so read these as “what well-designed sites do”, not the whole web. The raw numbers are at /api/v1/trends.