Brand
Narrative, personality spectrum, visual identity direction, and sonic identity principles that ground every design decision.
Brand Narrative | Personality | Visual Identity | Sonic Identity
Naluma Design System
Naluma is a companion app for people with tinnitus — from the first frightening night to the long road back. The name combines Nada (Sanskrit: primordial sound) and Luma (Tagalog: to settle; luminance). Together: the sound that settles. The sound that becomes light.
This design system is the single source of truth for tokens, brand guidelines, and component specifications shared by the Flutter app and the WordPress marketing site.
What this system covers
Section titled “What this system covers”Design Tokens
Primitive and semantic tokens for color, typography, spacing, radius, shadows, and motion — the building blocks of both platforms.
Colors | Typography | Spacing | Radius & Shadows | Motion
Components
Integration
Accessibility
Tinnitus-specific design principles that go beyond standard WCAG compliance to respect the condition’s unique challenges.
Architecture
Section titled “Architecture”Design tokens are authored as JSON in tokens/ and transformed by Style Dictionary into platform-specific outputs:
| Output | Path | Consumer |
|---|---|---|
| CSS custom properties | build/css/tokens.css, tokens-dark.css | Documentation site |
| Dart color classes | build/flutter/naluma_tokens.dart | Flutter app |
WordPress theme.json | build/wordpress/theme-tokens.json | WordPress theme |
| Flat JSON | build/json/tokens.json | Tooling, scripts |
Run npm run tokens from the repository root to rebuild all outputs.
Brand promise
Section titled “Brand promise”The sound isn’t going anywhere. But neither are you.
Naluma does not promise silence. It promises the journey in which the sound finds its right place: present, but no longer in front of everything.