Brand Kit
Design guidelines, assets, and brand identity for b0ase
Brand Overview
Mission
Crafting bespoke digital experiences where elegant design meets blockchain innovation
Vision
To be the premier digital atelier for cutting-edge web experiences
Values
Innovation, craftsmanship, minimalism, and technical excellence
Color Palette
Primary
#000000Primary background, text on light
#FFFFFFPrimary text on dark, backgrounds
Grays
#FAFAFA#F5F5F5#D1D5DB#6B7280#374151#111827Accents
#8352FDInteractive elements, highlights
#3B82F6Links, info states
#10B981Success states
#F59E0BWarning states
#EF4444Error states, destructive actions
Typography
Space Grotesk
Headings, display text • Weight: 400-700
--font-space-groteskThe quick brown fox jumps
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Inter
Body text, UI elements • Weight: 400-600
--font-interThe quick brown fox jumps
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
JetBrains Mono
Code, monospace text • Weight: 400-700
--font-jetbrains-monoThe quick brown fox jumps
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Design Principles
Minimalism
Clean, uncluttered interfaces that focus on essential elements. Every element serves a purpose.
High Contrast
Bold use of black and white creates striking visual hierarchy and ensures accessibility.
Motion Design
Subtle animations and Three.js visualizations add depth without overwhelming the user.
Technical Excellence
Modern web technologies, performance optimization, and attention to detail in every interaction.
Voice & Tone
Professional
Clear, confident communication that demonstrates expertise
Innovative
Forward-thinking and cutting-edge without being pretentious
Accessible
Technical yet approachable, making complex concepts understandable
Logo Usage
B0ASE
Primary wordmark
Do
- • Use Space Grotesk font
- • Maintain letter spacing
- • Use on contrasting backgrounds
- • Ensure adequate clear space
Don't
- • Distort or stretch
- • Change font or spacing
- • Use on busy backgrounds
- • Add effects or outlines