<!-- Generated by ExtractVibe — https://extractvibe.com/brand/iairgroup.com -->
<!-- Extracted: 2026-11-05T13:31:34.083Z | Schema: v1 | Quality: 90/100 -->
---
version: alpha
name: "Just a moment..."
description: "This brand projects a highly serious, technical, and matter-of-fact persona, focused on security and system verification processes. Its communication is direct and functional, prioritizing clarity and efficiency over warmth or playfulness."
colors:
  surface: "#ffffff"
  on-surface: "#313131"
  link: "#0000ee"
typography:
  display-lg:
    fontFamily: "system-ui"
    fontSize: "40px"
    fontWeight: "600"
    lineHeight: "50px"
  headline-lg:
    fontFamily: "system-ui"
    fontSize: "24px"
    fontWeight: "600"
    lineHeight: "30px"
  body-md:
    fontFamily: "system-ui"
    fontSize: "16px"
    fontWeight: "400"
    lineHeight: "18.4px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
---

# Just a moment... — Design System

## Overview

The design system for Just a moment... embodies a rigorously technical and functional aesthetic, aligning with the Sage and Ruler archetypes. It prioritizes clarity, security, and verifiable system status, mirroring the directness found in Cloudflare's operational interfaces, Let's Encrypt's certificate issuance processes, and standard developer console outputs. Every visual element serves a precise purpose, facilitating rapid information processing and unambiguous communication regarding system states and security protocols. This approach eschews all superfluous ornamentation, focusing solely on utility and integrity.

This design is not intended to be warm, inviting, or playful. It does not employ gradients, shadows, or complex graphical elements that could introduce visual noise or ambiguity. There is no room for marketing fluff or emotional appeals; the interface exists purely to convey critical system information with maximum efficiency and minimal cognitive load. Its aesthetic is a direct consequence of its function: to present verifiable data in a secure, uncompromised manner, ensuring users can immediately understand and act upon the information provided.

**Key characteristics:**

- Vibe — technical, secure, functional, system-oriented, direct, minimalist
- Archetypes — The Sage, The Ruler
- Comparable to — Cloudflare, Let's Encrypt, system status pages, developer console outputs
- Design era — flat-2.0
- Emotional tone — authoritative-secure
- Target audience — Users or developers who prioritize security, system integrity, and technical functionality, likely in a B2B or infrastructure context.
- Visual energy — 2/10 (calm/understated)

## Colors

The color philosophy is one of extreme restraint, prioritizing content and functional elements over decorative hues. The primary surface color is pure white (#ffffff), serving as a neutral canvas that emphasizes textual information and system status indicators. The absence of a brand-specific primary color reinforces the brand's commitment to objectivity and functionality. Color is reserved exclusively for conveying critical status, alerts, or interactive states, ensuring that any deviation from the monochromatic base immediately signals importance or actionable information.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| background | `#ffffff` | White |
| text | `#313131` | Charcoal |
| link | `#0000ee` | Blue |

## Typography

The type system relies exclusively on `system-ui` and `monospace` fonts, chosen for their inherent legibility, cross-platform consistency, and association with technical interfaces. This selection reinforces the brand's functional and system-oriented persona. Hierarchy is established through size, weight, and strict spatial separation, rather than decorative styling. Monospace fonts are reserved for code snippets, data outputs, and verifiable hashes, providing a clear visual distinction for technical content and emphasizing precision and immutability.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| system-ui | body | system | 400 |
| system-ui | heading | system | 600 |
| monospace | mono | system | 400 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | system-ui | 40px | 600 | 50px | — |
| Heading 2 | system-ui | 24px | 600 | 30px | — |
| Body | system-ui | 16px | 400 | 18.4px | — |

### Conventions

- Heading case — sentence-case
- Body line-height — 18.4px
- Monospace — monospace

## Layout

- Base spacing unit — `2px`

## Do's and Don'ts

### Do

- Use system-ui font family for all body text at 400 weight.
- Use system-ui font family for all headings at 600 weight, rendered in sentence-case.
- Maintain a body line-height of 18.4px for optimal readability.
- Utilize monospace font family for any code or technical output.
- Employ a stark #ffffff background with #313131 text for all content.
- Keep all visual elements flat; avoid box-shadows and gradients.
- Adhere to a base spacing unit of 2px for all layout and component measurements.
- Communicate in a highly serious, matter-of-fact tone, using simple vocabulary but heavy jargon where appropriate for technical accuracy.

### Don't

- Do not use any explicit CTA buttons or phrases; instead, imply user actions through instructional copy.
- Avoid any playful language, emojis, or exclamations in copy.
- Do not use gradients on any visual elements.
- Do not apply any box-shadows to elements; maintain a completely flat design aesthetic.
- Do not use any border-radius on elements, as none were detected, implying sharp corners.
- Avoid any visual effects that add depth or layering; the design should remain strictly two-dimensional.
- Do not introduce any colors beyond the #ffffff background and #313131 text.

*Source — inferred*

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 2/10 | formal |
| Playful ↔ Serious | 9/10 | serious |
| Enthusiastic ↔ Matter-of-fact | 10/10 | matter-of-fact |
| Respectful ↔ Irreverent | 8/10 | irreverent |
| Technical ↔ Accessible | 2/10 | technical |

### Copywriting style

- Avg. sentence length — 7 words
- Vocabulary — simple
- Jargon — heavy
- CTA style — The content provided does not contain explicit CTA buttons or phrases. The closest equivalent is an instruction for user action.

### Sample copy

> Performing security verification

> Verification successful. Waiting for www.iairgroup.com to respond

> This website uses a security service to protect against malicious bots.

> Enable JavaScript and cookies to continue

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| primary | — | svg | [link](https://img.loadlogo.com/iairgroup.com) | 100% |

## Sources

- Live brand page — https://extractvibe.com/brand/iairgroup.com
- Raw JSON — https://extractvibe.com/api/brand/iairgroup.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/iairgroup.com/design.md
- Extracted — 2026-11-05T13:31:34.083Z
- Generator — ExtractVibe vv1
- Quality score — 90/100
