Blaze Sports Intel
Sports Intelligence Put Simply
Blaze Sports Intel
Sports Intelligence Put Simply
Heritage-newsprint, stadium-at-dusk sports intelligence. Texas-forged, editorial-first, authority over scale. One system across the web app, the native iOS app, the macOS command-center, and the arcade.
Dark matte surfaces, earned burnt orange, tight editorial chrome. Four families of type — Bebas Neue for display, Oswald for section headers and stat labels, Cormorant Garamond for long-form, IBM Plex Mono for every number. Every data surface hands a visitor four states — loading, error, empty, populated — with real data and a visible source and fetched_at stamp.
No emoji. Anywhere. No freshness claims without metadata. Blaze Sports Intel is an active company, founded 2023 — Austin Humphrey's title is Owner/Founder. Never call Austin an engineer.
"The analytical depth front offices use — built for the mid-major kid, the Tuesday night game, and every fan mainstream media decided wasn't worth the investment."
Red = elite, blue = poor. Counter-intuitive at first glance — intentional. A color without a label is not enough. Always pair the band with its numeric percentile.
Max 2 px sitewide on legacy v2.1 components. Larger radii are opt-in for new v2.2 components — never retrofit.
.sig-stat).corner-marks)The 20 px bronze L-crops on top-left and bottom-right are the in-house broadcast tell — used on editorial recaps, long-form features, and film-room panels. Opacity 0.4.
.broadcast-cell)Monospace, tabular. The live variant carries the teal top accent with a glow — only shown when the underlying game state really is live.
Skeleton + source label. "Fetching from Highlightly…"
Next slate Tuesday — Texas at Oklahoma State, 7:30 PM CT. Not "loading forever." A real answer.
| --duration-fast | 120ms | Hover color, focus ring |
| --duration-normal | 200ms | Default transition |
| --duration-slow | 350ms | Card lift, panel slide |
| --duration-orchestrated | 600ms | Entry, data refresh flash |
| --duration-flip | 180ms | Broadcast numeral flip |
| --duration-count-up | 400ms | Numeric count-up |
| --duration-ember-sweep | 1800ms | Ember hero one-shot sweep |
| --ease-out | cubic-bezier(0, 0, 0.2, 1) |
| --ease-in-out | cubic-bezier(0.4, 0, 0.2, 1) |
| --ease-spring | cubic-bezier(0.34, 1.56, 0.64, 1) |
| --ease-broadcast | cubic-bezier(0.22, 1, 0.36, 1) |
| --ease-confirm | cubic-bezier(0.16, 1.1, 0.3, 1) |
Every motion has a prefers-reduced-motion kill switch. No bouncy buttons. No springy cards.
One-shot ember sweep on mount — reserved for headline moments.
Stat separator, progression arrow, meta pipe, and the in-house diamond at 35% opacity — ticker separator, section-break divider.
Web uses Lucide React — stroke-based, 2 px weight, 24 px default. iOS uses SF Symbols at equivalent weights.
No emoji — anywhere. No hand-drawn SVG for product glyphs. The crest, shield, and wordmark are trademarked — never recolored, never stretched, minimum 48 × 48 px.
Each layer is purely additive — a later layer never redefines an earlier token. Start at v2.1 and add a layer only when its specific job appears. Never let a layer become a surface fill.
The default for any production surface. Matte true-black surfaces, bone/dust text, ≤2px radius, bronze borders. Start here.
Opt in for a new component that needs fluid type or a softer radius (rounded-v2-md / lg / xl). Never a sitewide default.
Broadcast-flip motion, halftone, signature-stat ember surfaces. Reach for it when a surface earns choreographed motion.
Small-artifact accents only — patches, stripe bands, source badges, seam details, card edges. Bound by the color-hierarchy law.
The dusk identity. Atmosphere, the live-pulse ring, era hues as low-alpha washes and hairlines. Never a surface fill or a heading color.
The shell-dusk-header band, the liquid-glass depth ladder, stage posters. Carries the homepage identity onto product pages.
Front-door index. Voice, visual foundations, asset inventory.
Must / Should / May covenant. Outranks everything.
Ten-step router for agents and designers.
Six-layer version ladder (v2.1 base → v5-shell). Two axes named v3.
Single cross-platform token table — web ↔ iOS ↔ macOS. The drift contract.
When to reach for each of the six layers.
Cross-platform component inventory — web classes, iOS views, field marks.
Contrast pairings, focus states, touch targets.
Tables, rankings, Savant bands, uncertainty.
Web / iOS / macOS / arcade posture.
CBB / MLB / NFL / NBA / CFB texture matrix.
How prototype material enters or does not enter production.
Full v2.1 base specification.