Endlesstools

# Endlesstools — Style Reference
> Darkmode vibrant console
Theme: dark

Endless Tools employs a dark, high-contrast digital workspace aesthetic. Deep charcoal and true black surfaces form the canvas, punctuated by crisp white text for primary content and subtle gray for secondary information. The system leverages stark typography and meticulously crafted card-like elements with delicate inset borders instead of heavy shadows, creating depth through material treatment rather than traditional elevation. Bright, vivid accents appear sparingly, highlighting interactive elements or brand identity with energetic, almost neon, hues against the monochrome backdrop.

## Colors
| Name | Value | Role |
|------|-------|------|
| Midnight Ink | `#080808` | Card backgrounds, section backgrounds, input text contrast |
| Stormy Night | `#1e1e1e` | Surface backgrounds for interactive elements like input fields |
| Deep Shadow | `#373737` | Button backgrounds, light surface fill for subtle contrast |
| Ash Gray | `#959595` | Secondary text, muted helper text, inactive states, subtle borders |
| Cloud White | `#ffffff` | Primary text, main headings, selected states, button text, crisp borders |
| Charcoal Border | `#505050` | Dark borders and separators for elevated surfaces and inverted UI. Do not promote it to the primary CTA color |
| Electric Blue | `#1d9bf0` | Link text, interactive borders, accent for active UI elements |
| Vibrant Gradient | `#b8ff45` | Decorative brand element, attention-grabbing background for promotional sections |

## Typography
| Family | Role |
|--------|------|
| Inter | Primary sans-serif font for all text content. Variable letter-spacing tightens larger text for modern impact and improves legibility for small sizes. Weight 500 is used for emphasis and headings, while 400 is for body text. |