134 lines
2.9 KiB
Markdown
134 lines
2.9 KiB
Markdown
🎨 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.
|
||
|
||
⸻
|
||
|
||
2. 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.
|
||
|
||
⸻
|
||
|
||
3. 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
|
||
|
||
⸻
|
||
|
||
4. 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.
|
||
|
||
⸻
|
||
|
||
5. 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.
|
||
|
||
⸻
|
||
|
||
6. 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.
|
||
|
||
⸻
|
||
|
||
7. 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.
|
||
|
||
⸻
|
||
|
||
8. Overall Vibe
|
||
|
||
“A premium cockpit dashboard — for people who actually race.”
|
||
• minimal
|
||
• precise
|
||
• clean
|
||
• serious
|
||
• attractive without noise
|
||
|
||
A tool you’re happy to use, because it respects your time and your craft. |