Brand Guidelines
The comprehensive guide to QuanChain's visual identity. Our brand reflects the precision, security, and sophistication of quantum-resistant technology.
Brand Philosophy
Three core principles define every visual and verbal expression of the QuanChain brand.
Sophisticated Simplicity
Complex technology presented with clarity and elegance. Every element serves a purpose, and restraint communicates confidence.
Quantum Precision
A rigorous awareness of the quantum-computing frontier, reflected in technical depth, engineering clarity, and measured visual language.
Institutional Excellence
Professional-grade design that commands trust from enterprises, institutions, and developers alike.
Logo System
The QuanChain logo represents precision and quantum-era security through geometric design.
Primary Logo
Full logo with icon and wordmark. Primary usage on dark backgrounds.
Logo Mark
Standalone icon for compact spaces, favicons, and app icons. Min 40px.
Wordmark
Text-only variant for editorial contexts and inline usage.
Background Usage
Primary usage. Logo renders in Rose Quartz (#ABA7B3) on dark surfaces.
Inverted application. Logo renders in Deep Space (#090416) on light surfaces.
Usage Rules
Color Palette
Click any swatch to copy its hex value. Our palette draws from deep cosmic hues to convey precision, trust, and quantum-era sophistication.
Primary Palette
Extended Palette
Accent Colors
Use accent colors sparingly — no more than 10% of any layout.
Gold Accent
Functional Colors
Typography
Three typefaces form our typographic system: Space Grotesk for headings, IBM Plex Sans for body text and UI, and IBM Plex Mono for code and technical data.
All headings, section titles, and display text. Geometric, technical, and distinctive — purpose-built for institutional credibility.
Body text, navigation, UI labels, and interface elements. Designed for institutional technology — precise, legible, and professional.
Code blocks, blockchain addresses, transaction hashes, and technical data displays.
Type Scale
Spacing & Layout
Consistent spacing and radius values create visual rhythm and harmony across all surfaces.
Border Radius
Spacing Scale
Grid System
Container max-width: 1400px. Horizontal padding: 24px. Responsive columns with 24px (gap-6) gutters.
Visual Effects
Restrained visual treatments that reinforce the QuanChain institutional identity.
Surface Styles
Cards, containers, panels
Modals, dropdowns, active panels
Navigation bars, critical overlays
Gradients
Background Patterns
Motion & Animation
.animate-pulse.animate-float.heroFadeUp.animated-gradient-bgComponent Library
Core UI components with all variant options. Every component includes Framer Motion hover animations.
Buttons
Cards
Card Title
Example content for the glass card variant with hover gradient.
Card Title
Example content for the gradient card variant with hover gradient.
Card Title
Example content for the bordered card variant with hover gradient.
Card Title
Example content for the default card variant with hover gradient.
Badges
Iconography
Two custom SVG icon sets crafted for the QuanChain ecosystem. Monoline style, optimized for web rendering on dark backgrounds.
Technology Icons
Financial & UI Icons
Icon Size Reference
Brand Voice
How QuanChain communicates across all touchpoints — balancing deep expertise with accessibility. See Writing Style below for detailed tone and grammar requirements.
Authoritative
We speak with deep technical knowledge. Our claims are backed by research, provable cryptography, and measurable benchmarks.
Accessible
Complex quantum concepts explained clearly. We bridge the gap between frontier physics and everyday users without condescension.
Forward-Looking
We focus on the future with confidence, not fear. Quantum computing is an opportunity to build better systems, not just a threat to defend against.
Writing Style
All QuanChain communications must follow an academic yet accessible tone — formal, precise, and authoritative while remaining clear to a broad audience.
Core Principle: Academic Clarity
QuanChain content is written in the tradition of peer-reviewed technical literature. The tone is formal and precise, establishing credibility through rigour rather than enthusiasm. However, academic does not mean impenetrable — every concept should be expressed as clearly and directly as possible, avoiding unnecessary jargon or verbosity.
“Write as though submitting to a respected journal, but with the reader in mind at every sentence.”
Writing Standards
- Use formal third-person voice ("the system provides" not "we provide")
- Eliminate all contractions (do not, is not, cannot — never don't, isn't, can't)
- Use precise, quantified claims backed by data or references
- Employ academic transitions (Furthermore, Moreover, Consequently, In contrast)
- Structure arguments formally: premise, evidence, conclusion
- Use passive voice where it improves clarity or objectivity
- Reference figures, tables, and sections formally (see Section 4.2)
- Define all acronyms and technical terms at first use
- Maintain consistent terminology throughout a document
Avoid
- Contractions in any published material (don't, isn't, can't, won't)
- Casual or conversational phrases ("basically", "just", "pretty much")
- Second person ("you/your") — use "users", "participants", or passive voice
- Exclamation marks in technical or formal content
- Marketing hyperbole ("revolutionary", "game-changing", "amazing")
- Starting sentences with "But", "And", or "So"
- Colloquialisms ("skin in the game", "rich get richer", "under the hood")
- Vague qualifiers ("very", "really", "quite", "a lot")
- Informal analogies without academic framing
Tone Examples
QuanChain doesn't just protect against quantum threats — it adapts to them.
QuanChain does not merely protect against quantum threats; it adapts to them dynamically.
Think of it like a lock that upgrades itself when better lock-picks are invented.
The mechanism is analogous to a cryptographic lock that autonomously strengthens its parameters as adversarial capabilities advance.
You can migrate your wallet to a higher security level at any time.
Wallet holders may migrate to a higher security level at any time.
But there's a catch — post-quantum signatures are much larger.
However, a significant trade-off arises: post-quantum signatures are substantially larger.
QuanChain is a revolutionary blockchain that will change everything.
QuanChain introduces a novel approach to blockchain security through adaptive quantum resistance.
Guidelines by Content Type
Whitepaper & Technical Documentation
Strictly academic. Third-person throughout. All claims supported by data or formal references. No contractions. Structure follows standard academic convention: abstract, introduction, methodology, analysis, conclusion.
Website Copy
Formal but approachable. May use first-person plural ("we") sparingly for the team voice. No contractions. Precise language with quantified claims where possible. Avoid marketing superlatives.
Social Media & Blog Posts
Professional and measured. May adopt a slightly warmer tone while maintaining precision. Contractions are acceptable only in social media posts (not blog articles). Always cite sources for technical claims.
Developer Documentation & API Guides
Clear and direct. Second person ("you") is acceptable in instructional contexts. No contractions. Use imperative mood for instructions. Provide code examples for all concepts.
Do's and Don'ts
Essential rules to maintain brand consistency across all applications.
Do
- Use the defined color palette exclusively
- Use solid, opaque surfaces for cards and containers
- Keep headings in clean white — no gradient text
- Maintain generous spacing between elements
- Use subtle, semi-transparent borders (rgba)
- Apply smooth transitions to all interactive elements
- Use rounded-xl (12-16px) for buttons and cards
- Maintain the required clear space around the logo
- Keep accent color usage under 10% of any layout
Don't
- Use pure black (#000) or pure white (#FFF) for backgrounds
- Use glassmorphism, backdrop-blur, or glow effects
- Introduce colors outside this documented palette
- Use pill shapes (rounded-full) on buttons or cards
- Skip hover states on interactive elements
- Use neon cyan, harsh contrast, or flashy gradients on text
- Stretch, distort, or recolor the logo
- Place the logo on busy or low-contrast backgrounds
- Mix fonts outside the Space Grotesk / IBM Plex Sans / IBM Plex Mono system
Accessibility Standards
QuanChain follows WCAG 2.1 AA standards to ensure our interfaces are usable by all stakeholders, including government and enterprise users.
Color Contrast
- All body text maintains a minimum 4.5:1 contrast ratio against backgrounds
- Large text (18px+ or 14px+ bold) maintains a minimum 3:1 contrast ratio
- Interactive elements have visible focus indicators with 3:1 contrast
- Do not convey information through color alone — use icons or text labels
- All functional icons include accessible labels or aria-label attributes
Interaction & Navigation
- All interactive elements are keyboard accessible with visible focus states
- Focus order follows logical reading order (left-to-right, top-to-bottom)
- Touch targets are a minimum of 44x44px for mobile interfaces
- Animations respect prefers-reduced-motion media query
- Screen reader support with semantic HTML and ARIA landmarks