2024 Example Index

Climate

2024 is pulled between generated polish and human residue.

01

Spatial interface grammar: windows in depth, eye-and-hand interaction, persona video, pass-through environments, and the question of how UI behaves when it floats

02

AI as co-worker and contaminant: assistants speed drafts, but plagiarism, provenance, bias, and sameness become part of the design brief

03

Bento-box information architecture: dashboards and launches use modular rounded tiles to make complex products feel digestible

04

Raw-web reaction: neo-brutalist borders, clashing colors, default controls, chunky buttons, and unpretty honesty push back against SaaS smoothness

05

Variable and kinetic type: big flexible type carries identity across responsive, social, and motion contexts

06

Olympic heritage remix: Paris 2024 uses Art Deco cues, a Marianne/flame/medal emblem, and badge-like pictograms to make a global event feel local

07

Apple Vision Pro is released in the United States on February 2

08

Figma announces AI features, UI3, and Figma Slides at Config 2024

Example recipes

Generated from the current Flashback design recipes in the 2024 corpus.

Recipe 01

Spatial luxury interface

Use for: immersive products, premium hardware, productivity tools, medical visualization, museum experiences.

Palette: black glass, warm off-white, violet, cyan, soft grey.
Type: clean geometric sans with restrained mono labels and large calm headings.
Layout: floating panels, layered depth, bento modules, generous air, centered focus.
Imagery: hands, rooms, translucent windows, eye-level views, objects at real scale.
Motion: parallax, soft dock, subtle depth shift, hand-triggered expansion.

Risk: making everything look like a headset keynote.
Accuracy: interaction feedback, comfort, and spatial hierarchy rather than random glass.

Recipe 02

AI provenance lab

Use for: creative tools, archives, trust products, editorial explainers, model interfaces.

Palette: off-white, ink black, muted blue, warning amber, terminal green.
Type: readable sans, monospaced metadata, clear attribution labels.
Layout: split view, prompt/result/history, source cards, visible versioning.
Imagery: drafts, masks, fingerprints, screenshots, citations, before-and-after states.
Motion: generation reveal, comparison scrub, audit trail unfolding.

Risk: celebrating AI magic while hiding responsibility.
Accuracy: provenance, constraints, and human decision points.

Recipe 03

Raw bento web

Use for: startups, cultural sites, portfolios, tools, newsletters, creative communities.

Palette: black, paper, acid violet, turquoise, hot pink.
Type: oversized variable display, system sans body, terminal captions.
Layout: modular tiles with hard edges, uneven rhythm, visible rules, dense cards.
Imagery: screenshots, scans, phone photos, grainy crops, UI fragments.
Motion: snap, drag, shuffle, abrupt hover states, cursor-led reveals.

Risk: mistaking ugliness for honesty.
Accuracy: real information architecture under the rough surface.

Recipe 04

Paris civic spectacle

Use for: sports, public events, cultural festivals, city campaigns, broadcast packages.

Palette: cream, black, gold, lavender, red, blue, green accents.
Type: heritage display paired with crisp wayfinding sans.
Layout: badge systems, vertical banners, medal-like emblems, broadcast-safe grids.
Imagery: landmarks, athletes, pictogram badges, Art Deco geometry, crowd color.
Motion: torch glow, ribbon sweep, scoreboard snap, ceremony pacing.

Risk: generic French postcard nostalgia.
Accuracy: real event-system logic: wayfinding, pictograms, ceremonies, venues.

Corpus map

Every card links to a live heading in the source corpus.

Prompt seeds

Ready-to-run prompts pulled from the corpus.

Design this through a 2024 lens: Apple Vision Pro has made spatial computing
visible, Figma has put AI inside the design workflow, and designers are pushing
back against generic generated polish with grain, raw grids, and provenance.
Keep the tension between automation and authorship clear.

Give me three 2024-informed directions:
1. Spatial luxury interface
2. AI provenance lab
3. Raw bento web
For each, explain the typography, color, interaction model, material cues, and
what to avoid.

Critique this layout as if it shipped in 2024. Does it feel like a trustworthy
AI-era design system, a spatial-computing demo, a Paris civic spectacle, or a
neo-brutalist reaction against smooth SaaS?

Reference artifacts

Objects, graphics, and spaces that anchor the year.

Objects

Apple Vision Pro
Humane AI Pin
Rabbit R1
iPhone running Arc Search
Headset bands, light seals, passthrough cameras, and hand-tracking gestures
AI prompt fields, provenance panels, and generated UI drafts

Print and graphics

Paris 2024 Olympic and Paralympic identity, pictograms, and wayfinding
Figma Config 2024 AI and UI3 launch materials
Pantone Color of the Year 2024: Peach Fuzz
Dune: Part Two posters, costume stills, and production design
Kendrick Lamar "Not Like Us" cover and meme circulation
Neo-brutalist websites with hard borders, clashing colors, and system type

Spaces

Apple Vision Pro demo rooms and domestic passthrough environments
Paris 2024 venues, ceremonies, fan zones, and wayfinding corridors
Hybrid offices built around video calls and collaboration areas
Home workspaces with lights, cameras, monitors, plants, and acoustic treatment
AI product launch stages and conference demo screens

Anti-cliches

Guardrails from the corpus to keep the year specific.

Generic AI fantasy art with glossy faces and no concept
Apple glass copied without interaction logic
A pile of bento cards with no hierarchy
Cyberpunk neon pretending to be current AI culture
Neo-brutalism used as random bad taste
Olympic design reduced to flags and Eiffel Tower icons
Peach softness with no technological tension
Handmade texture used as a filter rather than evidence of process