mirror of
https://github.com/luxfi/design.git
synced 2026-10-30 16:58:57 +00:00
zeekay
d954227524
Monochrome, dark by default. One hue rendered through an opacity ladder. Tokens (color, type, spacing, radius, elevation, motion) + core/forms/navigation/ overlays components + brand guidelines + ui kit. The single source of truth for every Lux surface — loadable and editable.
960 B
960 B
prompts — make an AI build it Lux
Guidance an agent reads before generating a Lux surface. Two layers, no overlap:
| Layer | Lives | Answers |
|---|---|---|
| System (this folder) | prompts/ |
"How does anything Lux look and behave?" |
| Component (co-located) | components/**/*.prompt.md |
"How do I use this Button / Dialog / Card?" |
Read the system layer first, then pull the per-component prompt for each part you place.
| File | Use |
|---|---|
system.md |
Paste as the system prompt. The whole brand, compressed to one screen. |
rules.md |
The do / don't checklist. Grep it before you ship. |
pages.md |
Ready prompts for full sections — hero, feature grid, pricing, CTA. |
Everything here assumes one import gives you the tokens:
@import "@luxfi/design/styles.css";
So every rule below can be obeyed with a CSS variable, never a hardcoded hex.