LoopcardBrand guidelines — match Virtus Blockchain Labs
Source of truth: https://virtusblockchainlabs.com and /root/cryptobook-next/design/virtus-theme.md
Date extracted: 18 September 2026
Do not use TokensMarketCap greens/teals (#CB307A / #3A9B9C) as the CryptoBook pivot UI. Those are TMC. Virtus live is black + magenta.
1. Essence
Near-black canvas, magenta–pink energy, frosted glass, big type with tight tracking, pill controls, a faint pink bloom in the corners. Premium engineering. Not neon cyberpunk. Not a dashboard template.
2. Logo
| File | Use |
|---|---|
/root/cryptobook-next/design/virtus-logo.svg |
Dark backgrounds (dual diamond, cyan–blue–purple mark only) |
/root/cryptobook-next/design/virtus-logo-light.svg |
Light backgrounds |
/root/cryptobook-next/app/public/assets/logo.webp |
Favicon / nav raster (copied from Virtus live) |
Do not redraw the mark in pink. The UI is pink; the mark keeps its gradient. Wordmark is text, 700–900, tracking -0.02em.
On a holding page: mark + “Virtus Labs”. Subline may say CryptoBook.
3. Color (copy exactly)
| Token | Hex | Role |
|---|---|---|
| Brand primary | #e91e8a |
CTA, links, accent word |
| Brand deep | #b5156b |
Button shadow |
| Brand accent | #ff6ec7 |
Gradient end, kicker dot |
| Dark bg 0 | #000000 |
Page |
| Dark bg 1 | #050505 |
Footer |
| Text 1 | rgba(255,255,255,0.92) |
Headings |
| Text 2 | rgba(255,255,255,0.72) |
Body |
| Muted | rgba(255,255,255,0.45) |
Kickers |
| Error | #ef4444 |
Deny / error |
| Light bg | #ffffff / #f8f8f8 |
Light theme |
Primary button: 135° gradient #e91e8a → #ff6ec7, white label always.
Never substitute #ec4899, #2563eb, #22d3ee.
4. Type
Stack: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial.
Live Virtus loads system-ui; Inter as first is allowed.
| Role | Size | Weight | Tracking |
|---|---|---|---|
| Hero H1 | clamp(36px, 5vw, 72px) | 900 | -0.03em |
| H2 | clamp(28px, 3.2vw, 40px) | 800 | -0.02em |
| Body | 16px | 400 | 0 |
| Kicker | 12px uppercase | 600 | 0.08em |
| Nav | 13px | 500 | 0 |
No serif headings. No second display face.
5. Shape and chrome
- Radii: 14 / 18 / 26 / 34 / pill 999
- Nav: 64px fixed, transparent → frosted on scroll
- Cards: glass + 1px hairline + 18px radius
- Inputs: 14px radius, pink focus ring
- Footer:
#050505
Full CSS :root block: design/virtus-theme.md section 4.
6. Voice
Short. Specific. No “revolutionize.” No “100% secure.” No fake urgency. Admit what the product is not. US English for the holding page; do not invent multilingual until Virtus i18n is reused on purpose.
7. Forbidden brand moves
- Crypto stickers, token tickers, “WAGMI”
- Customer logo rows we cannot name
- SOC 2 / ISO / AI Act badges
- Using the TMC star-T logo instead of the Virtus dual diamond
- Naming a governance toy “CryptoBook AI”