dani.zone
DDS 2.0.0
dani.zone
DDS 2.0.0
One monochrome foundation, one accent per product. A single rectangular,
monospace-data design language shared across every dani app. Tokens, components, foundations
and product kits — reconciled against what ships in
dds_skin.dart.
Twenty products, one mark. The tile is a superellipse; only the hue changes.
Company context, content fundamentals, visual foundations, iconography, and every open question. Read this first.
Machine-readable tokens — colour, type, spacing, radii, motion, accessibility, the brand lockup.
Link this one file. It imports every token as CSS custom properties, both modes.
Home, apps index, pricing and the product-page template. Click through via the header nav.
Trip, place, money and offline screens, light and dark side by side.
Hero, how it works, feature blocks, free vs premium.
The same template, opened on dani.ko's content.
Every
product has one colour, and that colour is its UI accent — Dot Red belongs to dani.go, not to the
system. Each ships as a pair: the left swatch is tuned for light surfaces, the right for dark.
Never cross-use them. Scope a product with data-product
and --accent follows; nothing else
in the system changes.