FP73 | 30 Strong | FIT=C | Online courses | Swiss & grid
TECHNIQUES: scroll pin video hover tap touch focus rotate card front back filter motion responsive contact font hero film gsap lenis
BORN_HOOD_ADVICE: Training-day progress UX only if a real dated series exists.
DESIGN_SIGNATURE: 's colors] The design The idea: thirty days, one grid, no gym, laid out like a crisp Swiss training log. Fonts: Familjen Grotesk in bold for huge, tightly spaced headlines and numerals; Roboto Mono in small uppercase for labels, timers, reps and prices. Colors: white #FFFFFF, near-black #0A0A0A, lime #C6F432 for anything done, light grey #EDEDED for panels and faint column lines, coral #FF5C39 only for interval days, rest and warnings. A strict twelve-column grid with square corners, hairline rules and numbered section labels; no shadows or rounded cards. Bright home-workout photos share one gently muted grade in tight, labelled modules. Order: a giant three-line headline with the last line highlighted in lime, beside photo modules and a lime square counting to 30, over a color-coded strip of all thirty days; a black ticker of day names; the 30-day grid; a black sample day; what you need; coaches; honest results on grey; pay-once plans; questions with a check-with-your-doctor box; a black sign-up; a footer with the name stretched edge to edge. On load, column lines drop in, headline lines rise, photos wipe open and the strip fills day by day. Signature move: the thirty squares pin in place and tick themselves off as you scroll; each finished square turns lime as a check draws in, today's square turns black, and a giant day number beside it shows that day's workout and a coach tip. In the sample day, a circular timer ring stays beside six moves and counts down 40 seconds of work, then 20 of coral rest, as each move passes.
HTML_SURFACE: headings=Thirty days.One grid.No gym.; Thirty squares. Do one, tick one.; Try Day 09 before you buy the other twenty-nine.; Your gym is two metres by two.; Three coaches who answer your messages.; What thirty days can honestly do.; Pay once. Keep the grid.; Questions, answered plainly.; Day 01 isMonday. | ids=nav, mbtn, mlabel, nprog, menu, main, top, h1, heroCount, tk, program, h-prog, gpin, readout, roWeek, roDay, roNum, roName, roMeta, roMoves, roCoach, roTip, roDone, roBar, days, workout, h-sess, timer, bez, rOut, rArc, rState, rTime, rNext, rMove | functions=$, $$, pad, setMenu, toggleGrid, navProg, showDay, setGrid, peek, unpeek, ringSet, loop, stop, fitWord, splitHeads, afterFonts
ORIGINAL_PROMPT: prompt/thirty-strong.md (SHA256 43dc2b99faa03e7abe6983064213b47287255bd8dfe1a52fe701d2e8383b2958)
EXAMPLE_SOURCE: example/thirty-strong.html (SHA256 e29e8da84e56904485620fbdc04dfaa19a720c3d5645f2739e907ad5805b95c7)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\thirty-strong\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
