ui-guidelines

name	ui-guidelines
description	Guidelines for UI design. Use whenever working on UI-related tasks.

Aesthetic Guidelines (The "Style Guide")

Color Palette

Backgrounds: Deep Midnight Blue (header) fading to Off-White/Light Gray (body). Accents (Buttons/Highlights): Punchy Cyan, Electric Yellow, and Magenta. Borders/Outlines: Inky Black (#000000). Comic art relies heavily on black ink outlines.

Typography:

Headers/Titles: A bold, blocky, display font (e.g., something resembling "Bangers" or a classic blocky comic font). Labels/Input Text: A clean, highly readable sans-serif font (e.g., Roboto, Inter, or Montserrat). Don't make users read comic sans for data entry.

Textures (Subtle is key):

Use halftone dot patterns at very low opacity (5-10%) in the background or on button presses. Use slight misalignments in borders (the "print error" look) to give it a hand-drawn feel.