APIcultura, API mais cultura
Tokens, componentes, ilustrações e motion da marca. Tudo claro e escuro, responsivo e com prefers-reduced-motion. Alterne o tema no botão do topo.
Logo
Uma abelha dentro de um favo: a abelha é a requisição, o favo é a ferramenta. Arquivos em /assets/logo/.
symbol.svg
horizontal.svg
mono.svg (currentColor)
favicon.svgPaleta
Tokens em tokens.css. Mude o tema e os swatches acompanham.
Tipografia
Seu agente poliniza
Uma chave para todas
Colmeias de ferramentas
Cada chamada leva o pedido até a ferramenta e volta com os dados, cobrados em R$ só quando dão certo.
Componentes
Classes curtas, sem prefixo. Painéis e admin consomem design/COMPONENTES.md.
Botões
Badges, chips, kbd
Cards
Card sólido
Fundo paper, borda suave e sombra curta.
Card vidro
Blur, borda de luz e spotlight que segue o mouse.
Card link
Sobe no hover.
Formulários
Tabela
| Endpoint | Status | Chamadas | Custo |
|---|---|---|---|
| semrush-search | ok | 1.284 | R$ 154,08 |
| amazon-product | lento | 412 | R$ 20,60 |
| reddit-trends | erro | 9 | R$ 0,00 |
Abas
Modal, toast, tooltip, alertas
Skeleton, progresso, estado vazio
Terminal e comando copiável
$ claude mcp add apicultura --transport http https://api.apicultura.app/mcpIlustrações, ícones e padrões
Tudo em SVG próprio. A abelha é a requisição que leva mel (dados) entre colmeias (endpoints). O apiário é o catálogo.
Ícones de UI (sprite)
Uso: <svg class="i"><use href="/assets/sprite.svg#i-key"/></svg>
Padrão de favo
Motion
Curvas --ease-out e --ease-expo. Só transform e opacity animam. Rolagem nativa, reveal por IntersectionObserver, animações pausam fora da tela.
Reveal escalonado
Contadores
chamadas
gastos