AI in Design 2026

Item: AI in Design 2026
Rating: 7.5

Annual report on how designers and teams use AI, with case studies.

stateofaidesign.com Save page

7.5/10MABTU rating

DESKTOP · 1440 × 11,219/ ↗

MOBILE · 390

Section outline · Home

01heroAbstract gradient collage above big title, scroll cue
02logo cloudNotion, Framer, Linear, Anthropic, Shopify, Stripe row
03introThesis, team photo, report description
04quoteBlack portrait card beside sage quote panel
05chaptersOrange block with ruled chapter list and button
06case studiesHorizontal video case study cards with arrows
07videoLarge video stills and coming-soon notes
08newsletterBlack band with email form
09stats906, 25+, 50+ in ruled cells
10footerGiant wordmark with link columns

Rating · Home

Visual design7.8

UX & clarity7.4

Originality7.6

Craft & consistency7.4

Motion6.5

Performance & a11y7.7

This page scores 7.5; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Beausite Classicheading · font · self-hosted Beausite Classicbody · font · self-hosted

Stack & style

Framer React Google Fonts

Editorial Photography-led Swiss grid Hero video Horizontal scroll Logo cloud Review badges Service area list Stats band

Also: Google Analytics

Design DNA

White page on a hairline grid with a compact geometric grotesk, mono eyebrows and an orange 'AiiD 26' tab logo. The hero is a collage of blurred orange, green and lilac abstract squares above a large 'AI in Design Report 2026'. Partner logos run in a ruled row, a two-line thesis sits left, and documentary photos of designers anchor the story. A black quote card with portrait meets a sage quote panel, then an orange chapter block lists findings. Video case studies scroll horizontally with colour-coded underline bars, and a black footer carries 906 / 25+ / 50+ stats and a giant 'Ai in Design 2026' wordmark.

Worth borrowing

Colour-code case study cards with a thin coloured bar under each thumbnail.
End a report page with a black methodology band of big numbers above a giant title wordmark.
List report chapters as ruled rows inside a single saturated orange block.