Official logos and colors for showcasing HANS Society and integrating our products into your website. Choose a brand, download its logo, and copy its colors.
HANS Society is the parent. Each product keeps its own identity and audience; HANS provides the shared surfaces, the login, the token and the attribution.
Own a stake in the future… instead of being replaced by it.
The network state that merges under-resourced crypto projects into one organization, token and product portfolio. HANS owns the shared surfaces: Earn, Swap, Stake, Vote, Explore, the HANS login and these docs. Its look is deep space, liquid glass and light-blue glow: alive, luxurious and 3D, with few, big words.
HANS markThe primary mark: a white H of two pillars around a hollow diamond, on a dark navy tile with a soft blue glow. Headers (34px), favicons, app icons.SVG
HANS mark, whiteThe glyph alone, for dark imagery, merch and overlays where the tile would clash. Never recoloured.SVGPNG
HANS coinOnly where HANS is the token: balances, swaps, listings. Inline in headlines it spins slowly and flips with UBAI.SVGPNG
sHANS coinThe staked-HANS receipt. Never the society logo.SVGPNG
UBAI coinContribution points on Earn. Inline in headlines and in reward pills, with a light-blue glow.SVG
The mark sits on a dark tile with a soft blue glow. On hover it tilts about −8° and the glow brightens.
Clear space: at least 25% of the mark’s width on every side. Minimum size 20px on screen; never squeeze or recolour the tile.
The wordmark is live text: “HANS Society” in Unbounded 700, letter-spacing −0.04em, whose letters breathe apart on hover. There is no wordmark image.
Coins appear inline in headlines (spinning slowly, flipping UBAI ↔ HANS) and as large 3D coins in explainers.
Partner logos are each partner’s current official mark: for Superseed the Mintfield seed, never the old Superseed logo; for Luma the transparent logo, with no white edges.
Product brands say “powered by HANS Society” with the mark at 14–20px. Never merge the HANS mark into a product logo.
Color
Click any swatch to copy its value.
Space
Blue
Ice
Text
Lines & glow
Gradients
Luma
Product · Trading intelligence
Smart money, read clearly.
Trading intelligence, index vaults and alerts on Base and Robinhood Chain. Design system “Luma Light” (Sept 26, 2026 revamp): colour comes from data and token logos; the chrome stays neutral.
Luma app iconThe icon used on withluma.app (header, favicon, app icon): a glossy green rounded square with the bevelled white L. 512×512 PNG.PNG
Keep the icon’s rounded square and green gradient intact; do not place the L alone on a coloured field.
On Luma Light surfaces the icon sits at 28–32px beside the wordmark “Luma” in Inter Tight 600.
Inside HANS surfaces (Explore, Earn) Luma appears as its app icon at 28px with an ↗ link to withluma.app.
Color
Click any swatch to copy its value.
Canvas & surfaces
Text
Accent & signature
Data semantics (fixed everywhere)
Gradients
IRIS
Product · Personal security
Always on your side.
Security and privacy suite: web dashboard, Mac guardian and browser guardian. Design system “IRIS Ultraviolet” (Sept 28, 2026): dark ultraviolet glass, HUD details, mint only for “safe”.
The marketing site uses a rotated diamond outline with “I.R.I.S.” at wide tracking; keep that to undercoveriris.io.
Color
Click any swatch to copy its value.
Canvas & surfaces
Text
Accent
Status
Gradients
Superseed
Product · Stablecoin yield
Earn more from your stablecoins.
Curated, composable, transparent DeFi yield. This is the Mintfield design (mintfield.superseed.xyz and app-mintfield.superseed.xyz), which becomes superseed.xyz at launch. Light first, with a dark mode.
HANS SocietyDocs
