34 lines
1.5 KiB
Markdown
34 lines
1.5 KiB
Markdown
# Visual style: dark-tech
|
|
|
|
Dark canvas, luminous accents, geometric precision. For tech, AI, dev tools, data products, launches.
|
|
|
|
---
|
|
|
|
## 1. Shape & decoration
|
|
|
|
- Shape language: crisp geometry; thin glowing rules; hexagon / circuit / grid motifs used sparingly. Slight rounding (`rx` 4-8) or sharp.
|
|
- Decoration: glow accents, fine grid backgrounds, monospace labels, node / connector lines. Restrained — precision over clutter.
|
|
- Whitespace: dark negative space reads as depth; let elements float on it.
|
|
|
|
## 2. Typography character
|
|
|
|
- Clean sans for body; monospace for labels / figures / code cues. Wide tracking on small-caps labels.
|
|
- High-contrast hierarchy against the dark field.
|
|
|
|
> Families are chosen at confirmation `g`; this style asks for a clean sans + monospace pairing.
|
|
|
|
## 3. Using the deck's colors
|
|
|
|
- Dark background; one or two luminous accents carry focus (glowing figures, active nodes); everything else low-key.
|
|
- The accent does the work of attention — few points, high contrast.
|
|
|
|
> HEX values come from confirmation `e`; this style only governs the dark-field, luminous-accent discipline — it names no colors.
|
|
|
|
## 4. Texture / elevation
|
|
|
|
- Depth via glow and layering on dark, not drop shadows. Outer glow / light strokes mark elevation; gradients stay same-hue and subtle. (Dark-theme legibility — prefer light stroke / outer glow over black shadow: [`shared-standards.md §6`](../shared-standards.md).)
|
|
|
|
## 5. Paired image-rendering
|
|
|
|
`digital-dashboard` or `blueprint` — polished UI / technical-schematic look for AI images.
|