← Live page Test pages

Test pages

  1. 00k Whisper TV — interfaces The live /tv framed to compare, then the living room (a real TV, curved overlays), Whisper Y2K (tangerine translucent monitor, aperture grille), Pocket TV (handheld, shadow mask + phosphor tint), Channel 2001 (broadcast, VHS) and three takes on it — Whisper Channel (the site’s own UI on a curved tube), Whisper Guide (a 1999 listings channel) and Pop-Up Whisper (fact bubbles over a VHS dub) — and Arcade (vertical monitor). All live on the shared engine
  2. 00j Research — the archive page 10 layouts from the live sources — broadsheet, the numbers, timeline, colour cards, card catalogue, sortable table, shelves, reader, contents page, search first
  3. 00i The shared menu (site, Wiki, Studio) Live now (words from the bottom), the archived switch-and-buttons menu, and 10 layouts — iOS list, icon dock, products down the side, Donate at the foot, product cards, three lines, bottom sheet, two columns of words, tile grid, words
  4. 00h Wiki — Gather Guides on a phone 15 layouts from the live guide data — deck covers, swipe cards, journey, this week first, the shifts, week picker, big numerals, checklist, accordion, Wallet stack, and five simple ones: grouped list, index, number grid, this week + list, contents page
  5. 00g Site menu 10 phone menu layouts, live — iOS pull-down and Spotlight (Apple guidelines), big type sheet, products first, bottom sheet, tile grid, segmented, chip bar, two columns, you are here — each opening iOS 26 style, grown out of the menu button
  6. 00f Leader Wiki as an app The archived first version plus 5 app layouts, live in a phone — tab bar app (now the live wiki), search first, this week (with run mode), card stack, conversation
  7. 00e Footer 22 options — classic (full-bleed wash), 3D mark ×7 (chrome, ceramic, turntable, letter wave, assemble, scroll tilt, follow), big tagline, impact stats, give + get, quote, recent issues, question of the week, wordmark floor, below the surface, schools ticker, two rows, sticker sheet, locker row, where Whisper is, text thread
  8. 00d Partner with Whisper 10 layouts — editorial split, video first, everyone is invited, quote band, sticky side, proof strip, photo mosaic, principal’s letter, pick your role, cinematic
  9. 00b 3D iceberg Real 3D berg, 6 variants — pinned, crystal, depth gauge, scroll dive, rising bubbles, frost ring
  10. 00c Iceberg scroll sequence (archived) The homepage version before the 3D dive — typing bubbles, chrome logo, parallax questions
  11. 00 Iceberg questions 10 layouts — ruled index, bubbles, cards, type stack, drifting rows, pills, circles, outlined bubbles, stickers, ice shards
  12. 01 Overheard at school 11 treatments of the testimonial section
  13. 01b Overheard at school, round two 10 new metaphors — hallway, lock screen, theater, waveform, chat, polaroid, type takeover, film, notes, yearbook
  14. 01c Overheard at school, round three 11 concepts — stall, tray, AirDrop, bus, voicemail, whiteboard, radio, split-flap, lockers, vending + Hallway Whisper Vend
  15. 02 What you can expect 11 treatments — carousels, index-to-stage, filmstrip, timeline
  16. 03 Conversation cards Real deck art, 5 interaction concepts
  17. 04 Conversations box Real print panels on a rotatable 3D box
  18. 05 Card finishes 15 takes on card surface — gloss, matte, foil, emboss, pearlescent
  19. 06 A gift for you 10 ways to make the digital-deck offer stand out
  20. 07 The problem stats 11 layouts for 73% / 20% / Surgeon General
  21. 08 Dot field dissolve 10 ways the filled 73 come apart under the pointer
  22. 09 How we work 10 layouts for the three steps, plus the shipped version
  23. 10 Bartow County case study 5 ways to make the story read as paper on screen
  24. 11 Liquid glass buttons 5 treatments, plus all five compared over photo and flat colour
  25. 12 Footer connection game 5 playable concepts, plus the reveal-below-the-footer placement
  26. 13 The stat as a sticker 10 concepts for "12,000+ students", on dark and light, plus in the hero
  27. 14 Sharpie on the stall door 5 ways the scrawls write in on scroll, plus in the loneliness section
  28. 15 Images on hover 10 ways photography pops up on the How we work rows, single and in threes
  29. 16 Bartow, re-laid out 10 ways to rebuild the whole section — five conceptual, five plain arrangements
  30. 18 Surgeon General module 10 re-layouts of the 15-cigarettes quote — strip, line, stub, margin note, third column
  31. V2 Homepage, version two The whole page again — one narrow centred column, serif statements, hairline rules, one ground
  32. 17 The main nav bar 6 ways to group the section links, on both grounds — segmented track, rule, floating, numbered
  33. 19 Hero ripple 12 cursor-driven ripples — survey + 2 premium (viscous WebGL refraction, height-field fluid)
  34. 20 3D orbiting card ring 8 treatments — orbit variants plus the shipped horizontal rail (now on homepage as throw + idle + hover)
  35. 21 Holographic stickers 5 working foil methods — CSS foil, SVG specular, Canvas 2D, 3D tilt+sheen, lightweight WebGL
  36. 22 Hero layouts 19 compositions of the live hero — layouts plus pointer field, filmstrip, sticker board, yearbook, orbit, cut letters, text thread, and a full-collage orbit
  37. 23 Hero orbit (pre-Ramp archive) Frozen copy of the live collage orbit before satellites duck behind the title with blur and dim