3150e16248
All checks were successful
CI — Website / Website — typecheck, build (pull_request) Successful in 57s
35 lines
919 B
Markdown
35 lines
919 B
Markdown
# Design system (LexAI website)
|
|
|
|
## Principles
|
|
|
|
- Quiet, professional, minimal. Typography and space do the work.
|
|
- Fewest clicks to install or docs.
|
|
- Privacy (BYO-key, no LexAI servers) is a first-class message.
|
|
|
|
## Foundations
|
|
|
|
| Token | Value |
|
|
| --- | --- |
|
|
| `--bg` | `#f7f7f5` |
|
|
| `--surface` | `#ffffff` |
|
|
| `--ink` | `#171717` |
|
|
| `--muted` | `#5c5c57` |
|
|
| `--line` | `#e6e6e2` |
|
|
| `--indigo` | `#4f46e5` (logo tile) |
|
|
| `--bolt` | `#f5c14a` (logo bolt) |
|
|
| Mark | Flat rounded square + bolt (`LogoMark`) |
|
|
| Type | Inter |
|
|
|
|
Tap targets ≥ 40px; body text contrast AA.
|
|
|
|
## Components
|
|
|
|
| Component | Use |
|
|
| --- | --- |
|
|
| SiteHeader | Wordmark + Docs / Contribute / Community / Star on Gitea |
|
|
| Hero | One kicker, one H1, one line, CTAs |
|
|
| Feature list | Two-column hairline rows |
|
|
| PackageCard | Chrome / VS Code / CLI |
|
|
| DocsSection | Package docs blocks |
|
|
| Not found | Unknown path: H1 + Home / Docs |
|