Design Guidelines

Design Guidelines (The "Nebula Look")

Nebula follows a strict "Industrial/Retro-Futuristic" design language inspired by CMF and Nothing OS.

Principles

1. Monochrome: The UI is primarily Black & White. Color is used extremely sparingly, only for critical actions or errors.
2. Typography:
   • Headlines: Dot Matrix styles or technical fonts (e.g., Courier New).
   • Action Buttons: Monospace (Courier New), Uppercase, Technical feel.
   • Body: Clean sans-serif (e.g., Roboto, Inter) for readability.
3. Visual Elements:
   • GridPainter: Backgrounds should use the dot grid pattern (GridPainter).
   • Borders & Boxes: High contrast, thin strokes (1px), no soft shadows.
   • Borders & Boxes: High contrast, thin strokes (1px), no soft shadows.
   • Widgets: Use NebulaInput, NebulaButton, and NebulaCard from shared/widgets. Consistently use NebulaScaffold for page structure.

Do's and Don'ts

• Do: Use uppercase for labels (e.g., "LOGIN", "PLAY").
• Do: expose technical details (e.g., "BTN: MAIN_LOGIN").
• Don't: Use rounded pill buttons (use sharp or slightly rounded corners).
• Don't: Use vibrant gradients.