
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."
The Living Proof
Every system below was designed and executed post-injury, with a short-term memory span of a few 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.
660 Products Sold
5,100+ Consulting Hours
5 World Championships
12 Systems Designed (Solo)
7 Complex Systems Designed
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 Journey page (/the-journey) additionally offers one optional, strictly opt-in "immersive 3D view" called "Threshold", reached only by deliberately clicking an "Enter immersive 3D view" button. It is never shown by default. When entered, it presents the life timeline as a scroll-driven descent through depth — cards rising out of z-space, a luminous through-line, and a dark-to-light pivot at the 2013 carbon-monoxide event. It can be exited at any time back to the calm default, and it fully honors the operating-system "reduce motion" setting by rendering as plain static cards. The underlying content is identical to the calm timeline.
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.