Codenames Ultra

A premium online implementation of the classic Codenames board game, styled as a tactical intelligence briefing.

Overview

Codenames Ultra reimagines the classic party game with a high-end "Intelligence Briefing" aesthetic — clean, authoritative surfaces, glassmorphic elements, and a dual-typeface system (Space Grotesk + Inter).

Features

• Two-team gameplay (Blue Intelligence vs Red Infiltration)
• Spymaster and Operative roles
• Real-time clue giving and guessing
• Responsive, premium UI with no-border design philosophy
• Tonal layering and ambient depth instead of traditional card borders

Getting Started

Open index.html in your browser — no build step required.

Design System

The visual language is documented in DESIGN.md. Key principles:

• No-Line Rule — boundaries defined by surface luminosity, not borders
• Glass & Gradient — glassmorphism for floating elements, gradient CTAs
• Dual Typography — Space Grotesk for headlines, Inter for body text
• Tonal Depth — layered surfaces create natural elevation without shadows

Project Structure

├── index.html # Entry point
├── css/
│ └── styles.css # Full design system implementation
├── js/
│ ├── app.js # Application bootstrap
│ ├── app.bundle.js # Bundled application
│ ├── game.js # Game logic & state
│ ├── ui.js # UI rendering & interactions
│ └── words.js # Word database
└── DESIGN.md # Design system documentation

License

MIT