Striver.Football

Striver.Football

Brand-as-code site with codified design system.

Live brand site with tokens, motion, and headless editorial workflow.

Design and front-end lead · 2026 - present

  • Next.js
  • SCSS tokens
  • WordPress
  • Motion
Screenshot of the Striver.Football marketing site

The brief

Striver needed a site that matched an existing brand strategy without drift between design files and production CSS.

The work

  1. 01

    Design system in code

    Token-driven SCSS with BEM components and container-query-first layout.

  2. 02

    Headless editorial

    WordPress for content, IMAGO for imagery, Mailchimp upsert for growth.

Outcome

Live brand site with tokens, motion, and headless editorial workflow.

Brand as code

Guidelines mirrored in the repo so drift is visible in review, not only in design files.

Selected screens

  • Striver marketing page

    Editorial marketing layout with tokenised type.