Website design in 2027: trends and standout examples

Sites everyone can use

A site should work for someone with poor eyesight, shaky hands or a screen reader. That means text with enough contrast, labelled form fields, descriptions on images, and every part usable from a keyboard. WCAG 2.2 is the standard for checking it. In the EU, the European Accessibility Act has applied to online shops and some other consumer services since 28 June 2025, though micro-businesses that provide services are exempt.

Most of the web still falls short. When WebAIM tested the top one million home pages in February 2026, 95.9% failed its automated checks, and 83.9% had text with too little contrast. Getting the basics right still sets a small business apart.

TetraLogical, an accessibility consultancy, shows how it looks done well. Its own site has a skip link, labels on its form fields and alt text on its images, and it still looks smart: its home page passed Google's speed checks on phones in November 2026.

Fast pages that react the moment you tap

Google measures speed with real Chrome visitors. It checks how soon the main content shows (within 2.5 seconds is good), how quickly the page reacts to a tap (under 200 milliseconds) and whether the layout jumps around (a shift score under 0.1). These are its Core Web Vitals, and Google recommends good scores "for success with Search". In the Web Almanac's 2025 data, only 48% of websites on phones had them.

Monmouth Coffee Company, a London coffee roaster, proves a fast site doesn't have to be a bare one. Its site carries photos and an online shop, and in November 2026 its home page passed all three measures on phones in Google's real-visitor data.

Phone first, with the main button under the thumb

Phones carried 59.9% of web page views worldwide in October 2026, by StatCounter's count, and Google indexes and ranks the phone version of a site. So design the phone layout first. Keep the one thing customers come for, whether that's calling, booking or ordering, within reach of the thumb on every page. Make each button at least 24 by 24 pixels, the WCAG 2.2 minimum.

On a phone, Honest Burgers keeps a bar fixed to the bottom of the screen with Menu, Locations, Book and Shop, so they stay under your thumb however far you scroll. Most local businesses could copy that pattern as it is.

Motion that knows when to stop

Browsers can now animate as you scroll, and Chrome and Safari can fade from one page to the next, with a few lines of code. Scroll-driven animations have worked in every major browser since Firefox added them on 27 October 2026. Keep motion short, and switch it off when a visitor's device asks for less, because movement can bring on dizziness and nausea for some people, as the W3C's guidance explains.

The best example I found is a community site rather than a business. The Session, a home for Irish traditional music, gives each move between pages a quick cross-fade with one CSS rule, and only when the visitor hasn't asked for reduced motion. That is about the right amount for a business site too.

Dark mode that follows the visitor's setting

Phones and computers let people choose a light or a dark screen, and a site can follow that choice by itself, with no switch to find. Browsers have supported this for years, yet only about 13% of pages used it in 2025, by the Web Almanac's count. If you add it, check that the text is easy to read in both modes.

Rogue Amoeba, a maker of Mac audio software, does it cleanly. Set your device to dark and the site turns dark grey with white text, with nothing to click.

Big, characterful type that still loads fast

Large, distinctive headlines give a small brand a look of its own, and the tools for them are mature. In 2025, about 4 in 10 websites used variable fonts, which hold many weights in one file, according to the Web Almanac. Browsers can also balance a headline's lines so they come out close to even. Every font adds weight to the page, so check your speed after adding one.

Ghia, a drinks brand, lets tall, condensed headlines carry its look. They are live text that shrinks cleanly on a phone, the site loads just two font families, and its home page passed Google's speed checks on phones in November 2026.

Real photos of the real business

Photos of your own team, premises and work give visitors something true to look at. In Nielsen Norman Group's eye-tracking studies, published in 2010, people studied photos of real people and products and skipped generic feel-good pictures. Sharpness matters too: Google's image guidance says high-quality photos appeal to users more than blurry, unclear ones.

Hiut Denim Co., a family-owned jeans maker in Cardigan, Wales, shows its own sewing workshop and a maker's hand at work, and says each pair is signed by the person who made it. Every photo tells you something true about how the jeans are made.

Facts written as text that AI tools can read

Google says there are no extra requirements for appearing in its AI Overviews or AI Mode. What helps is what always helped: your services, prices, hours and menus written out as text on the page, and structured data that matches what the page shows. ChatGPT's search also needs OpenAI's search crawler allowed in your robots.txt file.

Dishoom, a restaurant group, writes out each cafe's opening hours, puts its menus on real web pages with dishes and prices, and lists its cafes in its structured data, where the hours match the cafe page I checked. Its home page was slow on phones in Google's real-visitor data in November 2026, though, so copy its text and leave its page weight behind.

Where to start

You don't need all eight at once. If your site is slow, awkward on a phone or hard to read, start there, because those affect every visitor. If you're planning a new site, the website project brief helps you set out what it needs. I build small business websites, booking and shop websites and redesigns of sites you already have.