AIQuo is a Product Execution Studio. Our visual identity reflects precision, technical excellence, and clarity. These guidelines ensure consistency across all touchpoints.
The AIQuo wordmark is our primary identifier. Clean, monospaced typography reflects our technical precision.
Our UI palette is monochromatic — black, white, and grays. This creates a clean, professional, product-focused aesthetic that lets the work speak for itself. Following the approach of modern AI companies like OpenAI and Anthropic.
While our UI remains monochromatic, our photography and illustrations use the Coral palette to convey warmth, humanity, and approachability. This color is reserved exclusively for imagery — never for UI elements.
Use for: Photography overlays, gradients, illustrations, abstract graphics, blog imagery.
Apply coral tones as subtle overlays on team photos and workspace imagery to create warmth.
Use darker coral tones (700-900) for abstract backgrounds in blog posts and research content.
Light coral (100-200) for subtle section backgrounds that need to stand out without disrupting the clean aesthetic.
Our type system uses two complementary families: Inter for all text, and JetBrains Mono for technical elements and labels.
AIQuo communicates with clarity, confidence, and warmth. We are experts who care deeply about our clients' success.
We know our craft deeply but remain humble and curious.
We explain complex topics accessibly without dumbing them down.
We're approachable and human while maintaining professionalism.
We get to the point respectfully and constructively.
"We build AI solutions that solve real business problems."
"We leverage cutting-edge AI to revolutionize paradigms."
The hexagon is our visual symbol of execution. It represents structure, efficiency, and the interconnected nature of product development.
The hexagon appears throughout nature and engineering as the optimal structure for strength and efficiency.
CSS custom properties for implementing the AIQuo design system. Copy these directly into your stylesheets.
| Token | Value | Preview |
|---|---|---|
| --bg | #ffffff | |
| --bg-subtle | #fafafa | |
| --text | #0a0a0a | |
| --text-secondary | #404040 | |
| --text-muted | #6b6b6b | |
| --accent | #0a0a0a | |
| --border | rgba(0, 0, 0, 0.08) |
| Name | Value | Preview |
|---|---|---|
| Coral 900 | #7f1d1d | |
| Coral 700 | #dc2626 | |
| Coral 500 | #f87171 | |
| Coral 300 | #fecaca | |
| Coral 100 | #fef2f2 |
| Usage | Font Family |
|---|---|
| Headlines & Body | 'Inter', -apple-system, sans-serif |
| Labels / Technical | 'JetBrains Mono', monospace |
| Token | Value |
|---|---|
| --space-1 | 4px |
| --space-2 | 8px |
| --space-3 | 12px |
| --space-4 | 16px |
| --space-5 | 24px |
| --space-6 | 32px |
| --space-7 | 48px |
| --space-8 | 64px |
| Token | Value |
|---|---|
| --radius-sm | 4px |
| --radius-md | 6px |
| --radius-lg | 8px |