Flashback index

Flashback example index / corpus 2017

2017

2017: clean systems under pressure from raw expression.

Climate

2017 is pulled between seamless polish and deliberate friction.

01

Brutalist web as countertaste: raw HTML, exposed structure, awkward scale, and anti-smooth interaction feel fresh against templated startup pages

02

Loud flexible branding: Dropbox's rebrand uses type, color, image, and collaboration metaphors as an expressive toolkit

03

All-screen hardware logic: the iPhone X turns safe areas, gestures, notches, rounded corners, and OLED black into interface concerns

04

Collaborative design tools: Figma's browser-based model points toward multiplayer interface work

05

Direct-to-consumer minimalism: Casper, Glossier, Away, and similar brands refine soft color, clean copy, lifestyle photography, and packaging-as-social proof

06

Wellness as interface mood: calm colors, habit loops, meditation apps, and sleep/fitness tracking make self-care a product aesthetic

07

Apple announces and releases iPhone X

08

Dropbox launches its 2017 rebrand with Collins

Example recipes

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

Recipe 01

Brutalist web notice

Use for: art projects, archives, experimental tools, cultural criticism, festival microsites.

Palette
white, black, default blue, warning red, dirty grey.
Type
system sans or default serif, oversized headlines, underlined links.
Layout
raw lists, awkward columns, visible edges, minimal decoration.
Imagery
unpolished photos, screenshots, scans, browser-native elements.
Motion
abrupt jumps, simple hovers, hard cuts, minimal easing.

Risk: inaccessible mess pretending to be critique.
Accuracy: legible structure beneath the rawness.

 Recipe 02

Loud creative system

Use for: collaboration tools, creative platforms, agencies, cultural software.

Palette
clashing brights, black, off-white, mustard, coral, teal.
Type
huge grotesque display, neutral UI sans, occasional expressive pairing.
Layout
modular but unstable: crops, overlays, panels, unexpected scale shifts.
Imagery
collage, art direction, work-in-progress, multiple creative outputs.
Motion
panel swaps, color flips, fast editorial transitions.

Risk: loudness with no underlying system.
Accuracy: a repeatable kit of type, color, and image behaviors.

 Recipe 03

Notch-era mobile

Use for: mobile apps, hardware launches, finance tools, health products.

Palette
OLED black, white, deep blue, green status, metal neutrals.
Type
system sans, large titles, safe-area-aware spacing.
Layout
edge-to-edge panels, rounded corners, bottom gestures, sensor-aware top space.
Imagery
phone silhouette, black glass, face scan, camera depth cues.
Motion
swipe home, card lift, face unlock, elastic transitions.

Risk: drawing a generic rectangle and forgetting the notch and gestures.
Accuracy: safe areas, bottom affordances, and black OLED contrast.

 Recipe 04

Clinical wellness shelf

Use for: skincare, supplements, health apps, self-care brands.

Palette
white, black, pale pink, muted green, silver grey.
Type
plain sans, ingredient labels, small technical hierarchy.
Layout
label grid, bottle front, bathroom shelf, direct copy blocks.
Imagery
product close-ups, skin texture, clean counters, plants.
Motion
routine steps, checklist, progress, gentle fade.

Risk: later pastel wellness cliche with no informational discipline.
Accuracy: clinical labeling and transparent ingredient language.

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 2017 lens: brutalist websites are pushing against polished
startup sameness, Dropbox has made a loud creative system, and iPhone X has made
the screen edge and notch part of interface design. Keep friction intentional.
Give me three 2017-informed directions:
1. Brutalist web notice
2. Loud creative system
3. Notch-era mobile
For each, explain typography, color, layout, motion, and what to avoid.
Critique this product page as if it launched in 2017. Is its roughness a real
anti-polish position, or just an unfinished version of a standard SaaS template?

Reference artifacts

Objects, graphics, and spaces that anchor the year.

Objects

  • Apple iPhone X
  • AirPods in early mass adoption
  • Nike Zoom Vaporfly 4%
  • Smart speakers and voice assistants in domestic settings
  • The Ordinary bottles and cartons

Print and graphics

  • Dropbox's 2017 Collins rebrand
  • Brutalist Websites archive examples
  • Figma interface and collaboration materials
  • Kendrick Lamar DAMN. cover
  • Pantone Greenery materials
  • Apple iPhone X launch imagery and safe-area interface examples
  • The Ordinary clinical label system

Spaces

  • Apple Park in Cupertino
  • Raw gallery, pop-up, and warehouse retail interiors
  • Direct-to-consumer bathroom-shelf and bedroom product photography
  • Co-working rooms with product-team rituals
  • Phone screens designed around iPhone X safe areas
  • Streetwear drop lines and resale interfaces
  • Wellness studios with plants, mirrors, pale woods, and app booking
  • Browser-based design files shared across distributed teams

Anti-cliches

Guardrails from the corpus to keep the year specific.

17

2017 rule: clean systems under pressure from raw expression.