# Roku

> Category: Productivity & SaaS

A purple-themed app-dashboard aesthetic: glass-like panels, soft shadows,
and rounded components on a light canvas, with an optional deep-purple
gradient hero band — built for developer-first product dashboards.

## Style Foundations

- **Visual style:** modern, clean, high-contrast, glass-like panels, soft
  shadows, rounded components
- **Canvas:** a light, neutral canvas (`--bg`/`--surface`) for the general
  dashboard body — cards, tables, and settings panels stay light and calm.
- **Ink:** near-black (`--fg`) for text and structure.
- **Accent:** a confident purple (`--accent`) for primary actions,
  navigation highlights, and key numerals.
- **Hero treatment:** a marketing/landing hero may sit on a deep-purple
  gradient band with white headline text — the rest of the product stays
  on the light canvas described above.
- **Shape:** generously rounded, soft-shadowed cards — "glass-like" reads
  through gentle elevation, not hard borders.
- **Typography:** a clean geometric sans (`--font-display`/`--font-body`)
  throughout.

## Colors

- **Background:** `#F7F5FC`
- **Surface (card face):** `#FFFFFF`
- **Foreground / ink:** `#09090B`
- **Muted:** `#6B6478`
- **Border:** `#E7E2F2`
- **Accent (purple):** `#9333EA`

## Typography

- Display & body: Inter
- Mono / labels: JetBrains Mono