Files
LexAI/docs/DESIGN_SYSTEM.md
john kevin asprec 03ad49f523
All checks were successful
CI — Website / Website — typecheck, build (pull_request) Successful in 1m2s
feat(website): add search-intent titles, FAQ schema, and breadcrumbs
Give Google unique snippets and FAQ rich results, and keep robots/sitemap from being cached as HTML.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-09-04 07:08:57 +08:00

37 lines
1.0 KiB
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 |
| Breadcrumbs | Inner pages: Home / current |
| FAQ | Home `<details>` list; copy must match FAQ JSON-LD |