Bento grid
Content split into asymmetric, card-like modules, each holding one feature, stat, or widget under one hierarchy.
What's current in web and UI design, gathered from three 2026 trend reports. Each trend is tagged for search and marked for whether it suits a readable, adult page or is awareness only.
Content split into asymmetric, card-like modules, each holding one feature, stat, or widget under one hierarchy.
Radial menus, hidden drawers, and interactive maps replacing the standard Home / About / Contact path.
Oversized, variable-weight headlines that stretch or shift on scroll - type as the main visual, not imagery.
CSS clamp() scales type smoothly across viewport sizes, replacing hard breakpoints. Pure readability win.
Bright, saturated palettes, neon gradients, high-contrast pairings replacing muted minimal tones.
True-black backgrounds with glow accents, tuned for OLED. Against the house light-theme rule - awareness only.
Intent-first: aggressive white space, thin type, stripped copy, guiding the eye to one value. Matches our own ethos.
A pushback on decorative blur and glass - keep the effect only where it serves the product, drop it where it hurts legibility.
Sharp geometry, single-pixel borders, monospace, film-grain. Reads like a control panel - fights readability on a teaching page.
Soft shadows making elements look raised or inset - tactile but low-contrast, which undermines accessibility.
Neon accents, chrome, pixel art, arcade gradients mixing vintage and futuristic cues. Tone doesn't suit an adult page.
Dense, layered compositions: rich colour, overlapping visuals, high energy. Fights the "say it once, plainly" rule.
Motion that confirms actions and builds trust - a short delay on submit, hover feedback, magnetic cursors - not decoration.
Lightweight WebGL scenes: interactive models, tilt and parallax on cursor or scroll. Engineering overhead rarely worth it for gov pages.
3D models projected into the user's own space via the phone camera, embedded in the browser with no app.
AI stays optional and dismissible - offers choices in a sidebar instead of taking over the flow. Matches how Zalia sits beside the user.
Proactive, multi-step, context-aware assistants that generate UI or data views mid-conversation, not just answer questions.
Hands-free navigation, search, and form-filling by spoken command, with audio visualisers giving visual feedback. The Zalia pattern.
Layout and content shift per visitor by behaviour; forms adapt question by question. Useful for guiding a citizen - but needs a privacy check.
Points, badges, progress bars woven into a task. A plain progress bar fits a long form; badges and leaderboards read as unserious.
Designers signalling hand-made, non-AI work as a mark of authorship. A branding trend, not a page pattern.
Sticker graphics, torn textures, cutout photos, hand-drawn fonts for an expressive, personal feel. Clashes with a formal tone.
Animated, interactive charts reacting to scroll and hover - raw metrics turned into a trustworthy display. Our cockpit language.
Leaner code, optimised images, low-impact hosting, no dark patterns. Aligns with fast, honest, accessible government pages.
Explicit "reduce motion" settings and dismissible animation, letting users choose their own visual intensity. A plain accessibility win.
No trend matches. Try a broader word - motion, ai, type, grid - or pick All.
Fits suits a readable, adult page · Use with care only in the right dose · Awareness know it exists, not for a teaching page. Sources: Figma · Tubik · Converge.