The Interface & Design Language
ANIMINT is built from a small, consistent kit of parts. Once you can name them, every screen reads instantly. This chapter renders each core piece exactly as it appears in the app — chrome that deliberately recedes so the collectibles get the spotlight.
The brand mark & berry
The ANIMINT logo is a faceted gem 'A' drawn in the violet→indigo→cyan brand gradient. The berry mark is the canonical currency icon — it replaces the strawberry emoji everywhere a berry value appears.
ANIMINT
ANIMINT
12,480 inline berryGlass panels (surfaces)
Nearly every grouped block of content sits on a frosted 'glass' panel — a translucent, blurred surface with a soft radius. Panels can carry an eyebrow, a heading and a right-aligned action slot. This is the GlassPanel component.
Genesis Set
Panels group related content on a frosted, blurred surface. The header row holds an eyebrow, a title and an optional action — everything else lives in the body, like this paragraph.
<GlassPanel eyebrow="Collection" heading="Completion" action={<GhostButton>View</GhostButton>}>…</GlassPanel>Buttons
Primary, mythic and ghost
Primary actions use a gradient fill that glows on hover. The mythic variant swaps in the gold gradient for big payoff moments like forging and revealing. Quiet, secondary actions use the outline 'ghost' style.
Stat tiles
Headline numbers — power, rank, balances — live in glass stat tiles with big tabular figures and an optional up/down delta. You'll see these on HQ, your profile and the Marketplace.
BerriesThe wallet readout
Your berries and tickets are always visible in the top-right of the header. Large balances are abbreviated (K/M/B/T) so they can never overflow, and hovering or tapping a chip reveals the exact amount.
ANIMINT12.4K6 ProAThe colour language
ANIMINT runs on a fixed palette. Violet is the brand and primary actions, cyan is highlights and links, and every rarity tier owns one signature colour used for its frames, chips and glows. Learning the rarity colours is the fastest way to read a screen.