LM Game Labs
Brand Book
Complete visual identity system - logo, colors, typography, design principles, and component patterns. Version 1.0, March 2026.
Logo System
Primary Lockup - Dark
Primary Lockup - Light
Construction
Elements
Brackets - Oxanium ExtraLight, iridescent 50%
LM - Oxanium ExtraBold, white→iridescent gradient 135°
Pipe - 1.5px, iridescent 30%
GAME/LABS - Oxanium Medium, ceramic/iridescent, tracking 3.5px
Specifications
Font: Oxanium (Google Fonts)
LM gradient: 135deg, #FFF 30% → #8B9CF7
Min size: Full 120px wide, Icon 32px
Clear space: 1× height of "LM" on all sides
Logo Rules
Do
Use dark variant on dark backgrounds (#06060E or darker)
Use light variant on light backgrounds (#F0EDE8 or lighter)
Maintain original aspect ratio at all times
Keep clear space equal to 1× the height of the LM text
Reference the company as "LM Game Labs" in copy
Use icon mark for favicons, app icons, and small spaces
Don't
Modify, distort, stretch, or rotate the logo
Change the gradient colors or direction
Add drop shadows, outlines, glows, or 3D effects
Place on busy or low-contrast backgrounds
Use individual logo elements separately
Animate beyond approved entrance transitions
Available Formats
SVG
Vector, scalable
PNG
2000×500 / 1024²
HTML/CSS
Pixel-perfect source
Dark + Light
Both variants
Color System
Primary Palette
Xeno Void
#06060E
Primary background
Iridescent
#8B9CF7
Primary accent
Iridescent Shift
#C4A7F5
Secondary accent
Iridescent Bright
#A8B5FF
Hover / emphasis
Ceramic Text Scale
50
#E8E4DD
Primary text
100
#D5D0C8
Headings
200
#B0ABA2
Subtext
300
#8A857E
Body copy
400
#5E5A54
Muted
500
#3A3732
Disabled
Surface Hierarchy
#06060E
Void (base)
#0A0A16
Surface
#0A0A14
Card
#10101F
Elevated
Semantic Colors
Success
Warning
Error
Portfolio
Platform
API
Border System
Default: white/4%
Hover: white/8%
Active: iridescent/10%
Glow: iridescent/12%
Background Opacity
Icon: iridescent/6%
Icon hover: iridescent/12%
Label: iridescent/4%
Pill: white/2%
Type System
Outfit
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Headings, hero text, stat numbers. Weights 200–800. Tight tracking at large sizes.
Plus Jakarta Sans
abcdefghijklmnopqrstuvwxyz 0123456789
Body copy, descriptions, UI text. Weights 400–700. Line-height 1.6–1.7.
JetBrains Mono
Code, stats, technical data. Weights 400–500. tabular-nums for alignment.
Oxanium
Used exclusively in the logo lockup. Never for headings or body text.
Type Scale
| Token | Size | LH | Weight | Tracking | Usage |
|---|---|---|---|---|---|
| display-hero | clamp(4rem, 10vw, 9rem) | 0.88 | 800 | -0.04em | Landing hero only |
| display-xl | clamp(3rem, 6vw, 5.5rem) | 0.92 | 800 | -0.03em | Section headings |
| display-lg | clamp(2.25rem, 4vw, 3.5rem) | 0.95 | 800 | -0.025em | Page titles |
| display-md | clamp(1.5rem, 2.5vw, 2rem) | 1.1 | 700 | -0.02em | Card titles, stats |
| display-sm | clamp(1.125rem, 1.5vw, 1.375rem) | 1.2 | 700 | -0.015em | Sub-headings |
| body-lg | 1.0625rem | 1.7 | - | 0 | Hero subtitles |
| body-md | 0.9375rem | 1.7 | - | 0.005em | Descriptions |
| body-sm | 0.8125rem | 1.6 | - | 0.01em | Body, UI text |
| label | 0.6875rem | 1 | 500 | 0.08em | Stat labels |
| micro | 0.5625rem | 1 | 500 | 0.12em | Tags, pills, badges |
Design Principles
Glass Morphism
Cards use translucent dark surfaces. bg: #0A0A14 + border: white/4%. Hover: iridescent/10%. Navbar: backdrop-blur(20px), saturate(1.4). Glass intensity scales with scroll.
Atmospheric Depth
Radial gradient orbs at 3–6% opacity create cosmic depth. Never flat backgrounds. Section dividers: from-transparent via-iridescent/15 to-transparent.
Iridescent Accents
#8B9CF7 used sparingly for maximum impact: links, active states, hover borders, CTAs, stat numbers. Never as large background fills.
Motion Language
Framer Motion. Ease: [0.22, 1, 0.36, 1]. Duration: 0.7s reveals, 0.2s hovers. Stagger: 0.08–0.12s delay. Spring: stiffness 400, damping 25.
Shadows
Card
0 4px 30px rgba(0,0,0,0.3)
Glow SM
0 0 20px rgba(139,156,247,0.08)
Glow MD
0 0 40px rgba(139,156,247,0.10)
UI Library
Section Label
Pill with dot indicator. Uppercase micro, iridescent-dim. Required above every section heading.
Glass Card
bg: #0A0A14, border: white/4%. Hover: iridescent/10%. Padding 28–40px. Radius 12–20px.
CTA Button
Primary: iridescent bg, void text. Secondary: ghost border. Hover: scale 1.03 + glow shadow.
Feature Pill
Micro uppercase, iridescent-dim. bg: white/2%, border: white/4%. For tags and metadata.
Stat Counter
Outfit 800, iridescent color. Animated count-up on scroll enter. tabular-nums.
PageHero
Full-height with optional video bg. Bottom gradient + label + title + accent + subtitle.
Layout Grid
Max width: 1400px
Horizontal padding: 12–48px responsive
Card gaps: 16–20px
Section padding: clamp(5rem, 10vw, 8rem)
Border Radius
Buttons: 12px
Cards: 12–16px
Large cards: 16–20px
Pills / Labels: 6px
Contact & Licensing
Brand Inquiries
Legal
All visual assets, logos, game art, hero characters, and brand elements are proprietary to LM Game Labs, a division of Live Markets LLC.
Unauthorized use, modification, or distribution is prohibited. For licensing inquiries, contact [email protected].
© 2024–2026 LM Game Labs / Live Markets LLC. All rights reserved. Version 1.0 - March 2026