← Live page Test pages

Test pages

  1. 01 Overheard at school 11 treatments of the testimonial section
  2. 01b Overheard at school, round two 10 new metaphors — hallway, lock screen, theater, waveform, chat, polaroid, type takeover, film, notes, yearbook
  3. 01c Overheard at school, round three 11 concepts — stall, tray, AirDrop, bus, voicemail, whiteboard, radio, split-flap, lockers, vending + Hallway Whisper Vend
  4. 02 What you can expect 11 treatments — carousels, index-to-stage, filmstrip, timeline
  5. 03 Conversation cards Real deck art, 5 interaction concepts
  6. 04 Conversations box Real print panels on a rotatable 3D box
  7. 05 Card finishes 15 takes on card surface — gloss, matte, foil, emboss, pearlescent
  8. 06 A gift for you 10 ways to make the digital-deck offer stand out
  9. 07 The problem stats 11 layouts for 73% / 20% / Surgeon General
  10. 08 Dot field dissolve 10 ways the filled 73 come apart under the pointer
  11. 09 How we work 10 layouts for the three steps, plus the shipped version
  12. 10 Bartow County case study 5 ways to make the story read as paper on screen
  13. 11 Liquid glass buttons 5 treatments, plus all five compared over photo and flat colour
  14. 12 Footer connection game 5 playable concepts, plus the reveal-below-the-footer placement
  15. 13 The stat as a sticker 10 concepts for "12,000+ students", on dark and light, plus in the hero
  16. 14 Sharpie on the stall door 5 ways the scrawls write in on scroll, plus in the loneliness section
  17. 15 Images on hover 10 ways photography pops up on the How we work rows, single and in threes
  18. 16 Bartow, re-laid out 10 ways to rebuild the whole section — five conceptual, five plain arrangements
  19. 18 Surgeon General module 10 re-layouts of the 15-cigarettes quote — strip, line, stub, margin note, third column
  20. V2 Homepage, version two The whole page again — one narrow centred column, serif statements, hairline rules, one ground
  21. 17 The main nav bar 6 ways to group the section links, on both grounds — segmented track, rule, floating, numbered
  22. 19 Hero ripple 12 cursor-driven ripples — survey + 2 premium (viscous WebGL refraction, height-field fluid)
  23. 20 3D orbiting card ring 8 treatments — orbit variants plus the shipped horizontal rail (now on homepage as throw + idle + hover)
  24. 21 Holographic stickers 5 working foil methods — CSS foil, SVG specular, Canvas 2D, 3D tilt+sheen, lightweight WebGL
  25. 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
  26. 23 Hero orbit (pre-Ramp archive) Frozen copy of the live collage orbit before satellites duck behind the title with blur and dim