# YNS brand guidelines

> Brand guidelines and assets kit of Your Next Store (YNS): logo, color, typography, UI elements, gradient and comet, imagery, voice and tone, motion, checklist. Light theme, Geist, black pill buttons, violet accent #8D22FD, the YNS gradient in small doses only.

Read [brand.md](https://yournextstore.com/brand/brand.md) first: every rule and value in one file.

## Chapters (in brand.md)

- 00. How to use
- 01. Brand
- 02. Logo
- 03. Color
- 04. Typography
- 05. UI elements
- 06. Comet and background
- 07. Imagery
- 08. Voice and tone
- 09. Motion and video
- 10. Checklist

## Files

- [brand.md](https://yournextstore.com/brand/brand.md): the full brandbook in Markdown
- [tokens.json](https://yournextstore.com/brand/tokens.json): W3C DTCG tokens with usage rules (the `note` field)
- [tokens.css](https://yournextstore.com/brand/tokens.css): CSS variables `--yns-*`
- [tailwind.css](https://yournextstore.com/brand/tailwind.css): Tailwind v4 `@theme`
- [assets/manifest.json](https://yournextstore.com/brand/assets/manifest.json): logo and fonts with usage notes
- [yns-skill.zip](https://yournextstore.com/brand/yns-skill.zip): the `yns-brand` skill for Claude