Amelise SquadV1.0 Dark Bloom Edition

COMPONENTS

BUTTONS · INPUTS · CARDS · FEEDBACK · NAV // 2026

UI Library / Components5 Groups2026
01BUTTONS2026
Button Variants
Primary Bloom
CTAs principais — Checkout, Add to Cart
Secondary Outline
CTAs secundrios — Saiba mais, Ver mais
Ghost
Tercirios — Detalhes, Informaes
Text Link
Inline links — Upsell, cross-sell
Danger
Destrutivas — Remove, Cancel, Delete
02INPUTS2026
Input States
Default
Focus
Error
Disabled
03CARDS2026
Card Types
Imagem + Nome + Preo + CTAProduct Card
Catlogo, grid de produtos, search results
Gradient BG + Nome + Passos + Preo KitRitual Card
Kits personalizados, recommendations
Backdrop blur + border + contentGlass Card
Overlays, stats, informational surfaces
04FEEDBACK2026
Feedback Elements
Toast — Sucesso
Produto adicionado ao seu ritual
Toast — Erro
Erro ao processar pagamento. Tente novamente.
Badge — Novo
NOVO
Badge — Orgnico
100% ORGNICO
Badge — Exclusivo
EDIO LIMITADA
Skeleton
▓▓▓▓▓▓▓▓▓▓
05NAVIGATION2026
Navigation Patterns
Top Nav

Logo | Links (Shop, Ritual, About) | Cart | Account

Sticky, bg obsidian com blur ao scroll
Breadcrumbs

Home > Shop > Srum > Srum Calma

Font mono 9px, separators white/20
Pagination

< 1 2 3 ... 12 >

Active: bg-primary/10, text-primary