Elementos de apoio
Ícones, selos, botões, stickers e padrões.
Os elementos de apoio organizam a informação e dão ritmo às peças. São poucos e simples: ícones de linha fina, selos em mono, botões arredondados e o universo dos stickers, que é onde a marca brinca.
Ícones
Desenhados para conversar com o traço fino da garrafa. Clique em um ícone para copiar o SVG.
Construção
- Caixa de 24 × 24, área viva de 20 × 20.
- Traço de 1,25 px a 24 px (5,2% da caixa). Em outros tamanhos, mantenha a proporção: traço ≈ 0,05 × largura.
- Pontas e cantos arredondados. Sem preenchimento.
- Cor: tinta ou branco. No máximo um ícone por ideia.
Selos
Sinalizam estado do produto nos cards e na página. Vazados por padrão; preenchido só no "Personalize grátis".
Akkurat Mono, caixa alta. Padding em em (0,667 · 1 · 0,5) e raio 0,417 em: mudar a fonte redimensiona o selo inteiro. 12 px no desktop, 8 px no mobile. O padding de baixo é menor porque a caixa alta não tem descendente: assim o texto fica centrado no olho.
Botões
Um desenho só em toda a loja. A seta indica navegação; o botão de compra não leva seta.
| Desktop | Mobile (≤ 767 px) | |
| Fonte | Aktiv Grotesk Bold 15 px | 14 px |
| Padding | 13 × 22 px | 12 × 18 px |
| Raio | 8 px | 8 px |
| Seta | 17 px · espaço 9 px | 16 px · espaço 8 px |
| Medida final | 143,7 × 43 px | 128,8 × 40 px |
Seletores
Tamanho em pílulas (preto = selecionado); cor em bolinhas sólidas com anel quando selecionada.
Barra de anúncio
Barra de anúncio do site: Space Mono, caixa alta, sobre preto. Até três mensagens em rodízio.
Stickers
A parte lúdica da marca. Cada pack conta uma história e tem ilustração própria; o traço conversa com o contorno de 0,8 pt das ilustrações de garrafa.
Padrão de embalagem
O padrão de garrafinhas das embalagens: contorno fino em cinza K50 sobre preto K90, alternando de ponta-cabeça. Nos copos e no Pet Bowl, a garrafinha é trocada pela ilustração do produto.
