feat(design): update design language reference with new styles and components

Browse Source

- Renamed the title to "Design Language Reference" for clarity.
- Enhanced the CSS variables for color palette, typography, and layout, introducing new design tokens.
- Improved accessibility features with focus states and hover effects.
- Added new sections for motion principles and interaction demos.
- Included multiple new screenshots to showcase design updates.

This commit refines the design system, ensuring a cohesive and accessible user experience.

...

This commit is contained in:

Nicholai 2025-11-24 21:24:51 -07:00

parent 6378ec519b

commit d287961cf8

7 changed files with 638 additions and 1417 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2055

design-language/index.html

File diff suppressed because it is too large Load Diff

BIN

design-language/screenshots/screenshot_20251124_211124.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.1 MiB

BIN

design-language/screenshots/screenshot_20251124_211133.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 8.6 MiB

BIN

design-language/screenshots/screenshot_20251124_211149.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.9 MiB

BIN

design-language/screenshots/screenshot_20251124_211158.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 3.4 MiB

BIN

design-language/screenshots/screenshot_20251124_211209.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.0 MiB

BIN

design-language/screenshots/screenshot_20251124_211218.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 3.5 MiB