Skip to page content
KAIROHQ v5 . Jul 21 2026
/assets/brain/hq-v3-brief.html
KAIRO · HQ v3 DESIGN BRIEF
Brain Map Foundation
LIVE · HQ v3 brief created Jul 11 2026, 8:05 PM CST · source: Combat Sports League master files, PlayerX theme by Qode Interactive · accent #ff0e1f on #17161a · signature easing 0.19, 1, 0.22, 1 · say GO HQ V3 to build · 
CREATED 2026-07-11 · 8:05 PM CST · evidence: ~/Documents/Combat Sports League/MASTER (NO-MOD)/

The Broadcast Upgrade

This page is not a description of the CSL site's design language. It IS the design language, running live. Everything moving, glowing, and slanting on this page was extracted from the PlayerX theme your Fiverr developer built Combat Sports League on. Imagine your whole HQ feeling like this.

accent #ff0e1f base #17161a font Rubik 300-900 headings UPPERCASE +tracking ease .19, 1, .22, 1 (78 uses)

01 · The nav treatment (hover these)

CommandBrainVaultScriptsContent

02 · Angled sections + the VS block

Option A · Orion Core

Keep the Orion dark base and per-tab accents. Adopt PlayerX structure: angled dividers, skewed underlines, gradient wipes, the easing curves. CSL red reserved for LIVE and alert states only. My recommendation: the empire keeps its identity and steals the motion.

VS
Option B · Full CSL Red

Commit to the fight-night look: #ff0e1f on near-black everywhere, Rubik 900 uppercase headers, red glow on every badge. Louder, meaner, one accent to rule all tabs. Kills the color-changing you noticed, at the cost of the Orion DNA from Thursday.

03 · The steal list, ranked (hover the rows)

1Angled section dividers: skewed wrapper + counter-skewed contentskewY(-3deg)
2Neon glow on logos and badges that follows transparent shapesfilter:drop-shadow
3Skewed accent underline sliding in under nav and active tabsskewX(15deg)
4Two signature easing curves as CSS variables on every hovercubic-bezier vars
5VS scoreboard block for any comparison (before/after, build vs build)flex + center badge
6Clip-path trapezoid notch behind the header brand markclip-path:polygon
7Gradient-wipe hover on ledger and task rows (you are feeling it now)::after gradient
8Marquee status ticker across the top, the live-broadcast feeldup-element loop

04 · What the CSL master files actually contain

~/Documents/Combat Sports League/MASTER (NO-MOD)/ holds the PlayerX parent theme, a near-stock child theme, 6 Revolution Slider hero packages, and two full site-structure exports (45 pages, 11 match cards, 17 portfolio items, shop, 130 menu items). The developer's complexity came 90% from this commercial theme's component system, which means every trick is stealable in vanilla CSS for a static site. Logos, VS marks, fighter cutouts, and video loop backgrounds are all in the folder, ready to use.

What HQ keeps no matter what: DASHBOARD-STATE.json as the single source of truth, the Access gate, the constant top bar, mobile-first, and the ADD-friendly rules (big verdicts first, one idea per card).

05 · Build plan when you say the word

Phase 1 (one evening): motion + easing variables, skewed nav underlines, gradient-wipe rows, glow on active states, ticker on home. Sonnet executes, Fable reviews.

Phase 2: angled section architecture on the home view + VS blocks for build comparisons + brand notch. Phase 3 (optional): CSL video-loop hero behind the command view.

Trigger: say GO HQ V3 (add "option B" if you want the full red).