The annual field report

2026

The year design got a pulse. Scroll — this page doesn't describe the trends, it wears them.

scroll to morph ↓
Trend 01 — Typography is the interface

Type that moves when you do.

Variable fonts mapped to scroll position. Headlines stretch from edge to edge. In 2026, the text isn't decorating the page — it is the page. Keep scrolling and watch the words below breathe.

HEAVIER LIGHTER LOUDER

Font weight is bound to your scroll position in real time. No images were harmed — this is one variable font doing all the work.

Trend 02 — Proof of human authorship

Tactile brutalism.

As AI-generated templates flood the web and everything starts looking the same, designers are swinging hard the other way: raw borders, harsh shadows, aggressive contrast. Imperfection as a signature. Hover the blocks — they bite back.

3px

Borders, visible

No soft shadows hiding the structure. The skeleton is the style.

0%

Border radius

Corners are corners. Rounded is a choice, not a default.

#FF3B00

One loud accent

A single screaming color against raw paper. That's the whole palette.

100%

Human-made

Grain, jitter and hard edges that say: a person chose this on purpose.

Trend 03 — Y2K is back, louder

Dopamine color.

Neon pinks, electric blues, radioactive yellows. Born from a post-pandemic craving for joy, now a full-blown movement. Saturated palettes that make screens feel like a party. Tap a color — it talks.

↑ pick a feeling
Trend 04 — The counter-movement

Nature, distilled.

The quiet answer to all that neon: palettes of skin, wood, soil and stone. Pantone's 2026 pick — Cloud Dancer, an off-white — set the tone. Soft organic shapes, muted warmth, screens that feel like exhaling.

Earth palettes

Clay, bone, moss, bark. Colors you could find on a walk, not in a code editor. Tap one — the whole section breathes it in.

Organic shapes

These cards aren't rectangles — they're pebbles. Hover one and watch it slowly reshape, like something alive.

Slower motion

Easing curves borrowed from nature: long, soft, unhurried. Calm is the new premium.

Trend 05 — Structure people can scan

Bento everything.

Borrowed from Japanese lunchboxes and perfected by dashboards: content packed into clean, satisfying compartments. Every block earns its size. Numbers count up when you arrive.

Why it works

People don't read pages — they scan them. Bento grids match how eyes actually move: in chunks, not lines.

0

% of 2026 SaaS landings use a bento section

The hierarchy game

Big tile = big message. Small tile = supporting fact. The layout is the outline — no headings needed to explain importance. Resize your window: the boxes reflow but the logic survives.

0

longer dwell time vs. long-scroll walls of text

Rounded, soft, tappable

20px radii and gentle hover lifts make every cell feel like a button — even when it isn't.

Trend 06 — Permission to be messy

The anti-grid.

After a decade of perfect alignment, layouts are loosening up. Cards scatter, rotate, overlap — like photos on a desk instead of cells in a spreadsheet. Move your cursor around; the cards drift with you.

Layout

Broken alignment

Nothing lines up — on purpose. The eye wanders, and wandering means staying.

Motion

Parallax drift

Each card floats at its own depth, following your cursor at a different speed.

Feel

Desk, not database

Overlap and rotation make digital things feel handled — touched by a person.

Why now

Anti-template rebellion

When every AI tool outputs the same tidy grid, asymmetry becomes the luxury good.

CERTIFIED HUMAN-ISH ✍