This guide defines the visual identity and usage rules for all brand elements used in the Codex-powered website and digital ecosystem for Game On!.
| Name | HEX Code | Used For |
|---|---|---|
| Deep Green | #456F3A |
Primary, buttons, links |
| Medium Green | #6DA667 |
Button hover, CTA background |
| Bright Green | #87BD72 |
Highlights, accents |
| Mint Green | #C2E9C1 |
Background details, section glow |
| Lime Green | #8CD679 |
Visual callouts, success states |
| Charcoal | #3B3C3B |
Backgrounds, dark sections |
| Light Gray | #D5D5D5 |
Borders, secondary elements |
| Medium Gray | #B8BAB7 |
Body text |
| Black | #070A06 |
Header/footer, text on light bg |
| White | #FDFDFD |
Text on dark bg, logos |
| File | Use Case |
|---|---|
logo-web-for-dark-bg.png |
Default for dark mode (header/footer) |
logo-web-for-light-bg.png |
Use if dark mode is temporarily overridden |
logo-hires.svg |
High-res marketing / social use |
logo-hires-white-for-dark-bg.svg |
Transparent overlays on dark sections |
favicon.png |
Web tab icon |
All image references will retain their original filenames and will be referenced by Codex using context-based prompt mappings.
⚠️ Override Notice: Default CodyHouse fonts will be used. This guide does not enforce custom fonts.
This should be reflected in UI copy, system prompts, and all AI agent replies.
All components and media are designed for dark mode, with optional light variants triggered by #themeToggle.