make it shine

The Astro brand
design system

Documentação completa de marca, tokens, componentes e padrões visuais.

[01]

Guidelines

Identidade, manifesto e diretrizes de marca.

[02]

Foundations

Cores, tipografia, spacing e tokens.

[03]

Components

Buttons, cards, forms e UI library.

[04]

Patterns

Sections, templates e composições.

33+ pages
8 token files
6 sections
2 themes
[05]

Perguntas frequentes

O que é o Astro Brand Design System?

É a documentação completa da identidade visual da Astro Brand Studio — tokens, componentes, padrões e guidelines para manter consistência em todos os pontos de contato da marca.

Para quem é este design system?

Para designers e desenvolvedores que trabalham com a marca Astro Brand Studio. Serve como fonte de verdade para cores, tipografia, componentes e padrões visuais.

Qual stack tecnológica é usada?

Astro 5.0 com React, Tailwind CSS v4 e deploy na Vercel. Os tokens são CSS custom properties organizados em 8 arquivos modulares.

Como contribuir ou reportar problemas?

O repositório está no GitHub. Abra uma issue para sugestões ou um pull request para contribuições diretas.