// Guidelines for UI design. Use whenever working on UI-related tasks.
| name | ui-guidelines |
| description | Guidelines for UI design. Use whenever working on UI-related tasks. |
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.
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.
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.