Brand Guidelines
A comprehensive reference for using the That Is A Q identity consistently across digital, print, and experiential touchpoints.
01 Philosophy & Mission
We question assumptions to build exceptional outcomes. Our brand reflects curiosity, precision, and forward motion.
Core Principles
Curiosity First
We ask "why" before we build "how." Every project starts with deep discovery.
Radical Clarity
Complex ideas deserve simple, elegant expressions. No fluff, just signal.
Crafted Precision
Pixel-perfect design, clean architecture, and intentional typography.
Future-Ready
We design for scale, adaptability, and emerging technologies.
02 Logo Usage
The Q mark represents inquiry, quality, and forward momentum. Protect its integrity across all applications.
Primary Mark
Clear Space: Maintain a minimum clear space equal to the height of the "Q" mark on all sides. Do not place other elements within this zone.
Minimum Size: Digital: 40px height. Print: 12mm height.
Application Rules
Use approved color variations. Keep proportions locked. Place on solid or high-contrast backgrounds.
Stretch, rotate, or recolor outside the palette. Add drop shadows, outlines, or effects. Place on busy imagery without masking.
03 Color Palette
Our palette balances energy with sophistication. Click any swatch to copy the hex code.
04 Typography
Space Grotesk for headlines conveys technical confidence. Inter for body text ensures maximum readability across interfaces.
Question everything.
Build the answer.
Interface Elements
Clear communication drives trust. We avoid jargon unless necessary, and always prioritize accessibility and scanability.
05 Voice & Tone
Our written communication mirrors our design philosophy: intentional, direct, and human.
Direct & Confident
Avoid hedging. State facts clearly. Use active voice. "We ship weekly" over "Efforts are made to deliver periodically."
Intelligent but Accessible
Respect the reader's time. Explain complex concepts simply. Never condescend or overcomplicate.
Forward-Looking
Focus on outcomes and possibilities. Use progressive language that aligns with innovation without hype.
Consistent Formatting
Capitalize headings in title case. Use sentence case for body text. Always spell out acronyms on first use.
06 UI & Design System
Interface components follow an 8px baseline grid, consistent border radius, and layered depth model.
Buttons & States
Primary actions use the accent gradient. Secondary actions use transparent backgrounds with borders. Hover states lift slightly; active states compress minimally.
Spacing & Rhythm
All padding, margins, and gaps align to an 8px scale. Standard gaps: 8, 16, 24, 32, 48, 64px.
Surface & Depth
Base: Transparent/Background
Level 1: Cards, inputs (rgba(18,22,56,0.6) + 1px border)
Level 2: Modals, dropdowns (higher blur, stronger shadow)
Radius: 8px (UI elements), 12px (cards), 16px (containers)