Files
gridpilot.gg/docs/THEME.md
2026-01-19 19:15:21 +01:00

2.9 KiB
Raw Blame History

🎨 GridPilot Theme — “Precision Racing Minimal”

A clean, modern racing interface that feels like a cockpit dashboard — calm, sharp, and serious.

  1. Identity & Mood

GridPilot should feel like: • a real motorsport instrument, not a game launcher • calm and focused, like the moment before a qualifying lap • precise, like a telemetry screen • modern and minimal, without visual noise • slightly futuristic, but never “RGB gamer chaos”

It should appeal equally to sim racers, gamers, and casual fans.

  1. Visual Style

Core Aesthetic • matte dark surfaces • thin, crisp separators • soft blue/cyan glows on interaction • no aggressive neon • subtle gradients for depth • everything feels instrument-grade, not decorative

Color System • Graphite Black — base background • Charcoal — panel surfaces • Steel Grey — separators & outlines • Electric Blue — primary actions • Telemetry Aqua — interactive highlights • Motorsport Amber — warnings & signals

Colors should feel like motorsport, not corporate SaaS.

  1. Components & Interaction

Panels & Cards • slightly inset or raised • reminiscent of cockpit modules • structured and clean

Tables • information-dense • instantly scannable • light hover highlights • telemetry-style status colors

Buttons • flat by default • glow only on hover • snappy, “race-engineer” response speed

Modals • soft frosted blur • fast open/close • subtle pit-lane lighting vibes

  1. Motion & Feedback

Motion should feel racing-inspired: • short, crisp animations • no bounce or playful movement • hover = slight lift + color pulse • loading = a thin progress line (pit limiter style) • tab switching = sliding underline (chicane motion)

Responsive, not playful.

  1. Layout Structure

Think Telemetry Workspace: • Sidebar → control rail • Header → context + session controls • Main Area → race tables, session details, track maps • Right Panel → contextual info, drivers, actions

Everything modular, readable, and effortless to navigate.

  1. Tone & Copywriting

The product tone is: • calm • concise • direct • technical but human • zero hype

Examples: • “Race added.” • “Standings updated.” • “Session ready.” • “Review protest.” • “Sponsor payout queued.”

Never corporate. Never salesy. Never loud.

  1. Emotional Experience

Users should feel: • in control • supported • efficient • connected to motorsport culture • confident in the system

A disciplined, trustworthy tool — not a flashy app.

  1. Overall Vibe

“A premium cockpit dashboard — for people who actually race.” • minimal • precise • clean • serious • attractive without noise

A tool youre happy to use, because it respects your time and your craft.