Visual reference (static screenshot of the rendered page). See the Visual & Interaction Design section below for a full description, including animated elements a screenshot cannot show.
Visual reference (static screenshot of the rendered page). See the Visual & Interaction Design section below for a full description, including animated elements a screenshot cannot show.
"12+ years without a working short-term memory. Systems did the heavy lifting."
Every system below was designed and executed post-injury, with a short-term memory span of 1-8 seconds. Proof of capability under permanent neurological constraint.
Sports events into community development into sustainable growth. Full cycle.
Tri-modal skill development with cross-domain feedback loops for kids.
Audio-word system replacing single-tone honking. Safety-critical design.
International apparel brand. 660 units executed solo under constraint.
This section describes how the live website looks and behaves. The real site is a rich, animated single-page React application. Because most automated tools and AI fetchers do not run JavaScript or render pixels, the design — including motion that no static screenshot can capture — is described here in words.
The aesthetic is "Bold Modern Editorial": a calm, refined, magazine-quality look in the spirit of NYT Magazine, Aesop, and Aman. The base is warm cream paper with deep ink typography and a single restrained forest-emerald accent — quiet, confident luxury with generous whitespace rather than loud effects. The design is deliberately calm: it is built for an audience of brain-injury survivors who may have photosensitivity, vestibular sensitivity, or attention difficulties, so heavy motion has been intentionally stripped away and a calm, near-static experience is the default.
Serif display headings (Playfair Display and Source Serif 4) paired with clean sans-serif body text (Inter, Outfit). Systems-themed sections lean on a more technical pairing (Space Grotesk, with JetBrains Mono for monospaced details); coaching-themed sections use softer serif headings. Generous line height and wide editorial margins give a calm, printed-page rhythm.
Centered single-column editorial measure with abundant whitespace. Content sits on quiet "paper" cards with subtly accent-tinted borders and soft, low-contrast shadows. Sections are separated by a single restrained ornamental divider style. A dual visual system runs throughout: systems sections carry the teal-graphite identity, coaching sections carry the burnt-sienna identity, and the hero is its own neutral zone. On mobile, the primary call-to-action ("Start") sits above the fold so the booking path is visible without scrolling.
Motion is intentionally minimal and calm by design. There is no splash screen, no custom cursor, no smooth-scroll hijacking, no parallax, no background canvas effects, and no auto-playing animation. The only motion is a gentle, brief opacity fade-in as sections enter view, plus standard hover and focus states on links, buttons, and cards. Navigation is a simple static top bar with one primary call-to-action; the footer is static.
The experience is built calm-first specifically for visitors with photosensitivity, vestibular sensitivity, or attention difficulties. The few remaining fade-ins fully honor the operating-system "reduce motion" setting — when reduced motion is requested they are replaced with instant, static equivalents, and all content is fully present for screen readers.