# ASWINOLOGY° Components

> Design system for ASWINOLOGY° and Lurnelle: tokens, React components, patterns, motion and guidelines. Thai first. One component set, two brands, switched with data-brand.

## Start here
- [AGENTS.md](https://components.aswinology.com/AGENTS.md): setup, tokens, components and rules for AI agents
- [tokens.json](https://components.aswinology.com/ds/v1/tokens.json): every token with light and dark values
- [ds.css](https://components.aswinology.com/ds/v1/ds.css): tokens + base + components in one stylesheet

## Docs
- [Brand](https://components.aswinology.com/brand): ASWINOLOGY° and Lurnelle identity, logo use, colour, type, voice
- [Tokens](https://components.aswinology.com/tokens): colour with contrast ratios, type scale, space, radius, shadow, motion
- [Components](https://components.aswinology.com/components): 38 components with live previews, code, props and accessibility notes
- [Patterns](https://components.aswinology.com/patterns): sign-in, settings, course catalogue, project posters, plans, dashboard
- [Motion](https://components.aswinology.com/motion): easing, durations and GSAP choreography
- [Guidelines](https://components.aswinology.com/guidelines): install, principles, accessibility, Thai typography, anti-patterns