Site Brand Assets
The logo, two fonts, one type scale, the colours and the component sizes the entire site is built from.
Logo and marks
Use the wordmark on dark. Keep clear space around it equal to the height of one letter. Do not recolour, stretch or add effects.
Fonts
Two fonts only. Bebas Neue for headings, buttons, labels and numbers. Saira Condensed for everything you read, in weights 400 and 600.
Colours
Dark is the default theme. Accents are used as a foil rim, a soft top glow and the eyebrow colour, never as a full flat fill.
Accents
Surfaces
Text
Rarity (fixed set, never follows the theme)
Coins and XP
Foil panels
The signature look: a 1.5px gradient rim (light accent, dark, dark, accent at 135 degrees), a radial glow from the top, on #111317.
Tiers
Free is blue, Pro is teal, Max is gold. The battery fills one, two or three cells.
free
pro
maxButtons and notices
Information notice.
Success notice.
Warning notice.
Danger notice.
Sizes and spacing
- Title card
- 1.5px foil rim, 20px radius, 14px / 24px padding, 6px gap, 20px below
- Panel / card
- 1px line, 16px radius, 16-20px padding, 12px between cards
- Button
- 44px tall (36 small, 30 mini), 12px radius, Bebas t5
- Field
- 44px tall (34 in filter strips), 12px radius, Saira s2
- Pill / chip
- 22-26px tall, 6-8px radius, Bebas t7
- Line height
- Bebas 1 (1.1 when it wraps). Saira 1.45 at s1 and s2, 1.4 at s3, 1.35 at s4
- Page width
- 1132px content, 16px side gutter on phone
- Breakpoints
- Phone up to 599px, tablet 600-999px, desktop 1000px and up
Card sizes
One card design, four sizes. The card is always 1 : 1.4 and scales from its width.
Card packs
One black foil pack per release: one colour and one emblem each. Tap a pack to flip it. The back carries the pull odds, the QR code and the legal line. Web and print use the same artwork.
- On the site
- 240 x 380px at full size, scales with its tile (every length is a fraction of the pack width)
- Pack trim
- 3 x 4.75 in (76 x 121 mm), foil pillow pack
- Crimp seals
- 0.4 in top and bottom, no type
- Bleed / safe
- 0.125 in bleed on every side, 0.125 in safe area inside trim and crimps
- Card inside
- 2.5 x 3.5 in (63 x 88 mm), poker standard. 4 game cards + 1 cosmetic card
- Master file
- One SVG per pack, exported 900 x 1425px for web and PDF/X for print
- Back panel
- Pull odds by rarity, QR code, "Contains 5 cards. Not a toy. Ages 13+.", copyright and set code
Mascots
Ten animals and the two Tutorial Bots in three styles: a round token avatar, a crest mascot and a one-colour line icon. Rings and crest colours follow each animal's rarity. The small row shows the avatar at 48, 32 and 24px.
Blue Jay
ExoticDragon
ExoticFish
LegendaryDeer
LegendaryBear
ExoticDog
LegendaryCat
LegendaryTurtle
LegendaryOctopus
ExoticRed Hawk
ExoticRobot Boy
Tutorial BotRobot Girl
Tutorial BotSite art and icons
Everything drawn for the site that is not a wearable cosmetic. Wearable cosmetics are on the Master Cosmetics List tab. Tap one to open the file.
Event placement trophies Awarded for finishing an event.
Hand-given badges Given by an admin.
Coins, XP and tiers Used across the shop, the header and every price.
Header icons The four quick links in the header.
Reward type icons Achievement lines, the level list and claim popups.
Mascot card art The Mascots Pack cards.
Launch graphics
Ad and social graphics. Wide is 1200 x 675 for X and link previews; tall is 1080 x 1350 for Facebook and Instagram. Tap one to open the full file.
