<!-- Generated by ExtractVibe — https://extractvibe.com/brand/garuda-indonesia.com -->
<!-- Extracted: 2026-08-19T07:41:44.586Z | Schema: v1 | Quality: 85/100 -->
---
version: alpha
name: "Just a moment..."
description: "A stark, utilitarian interface focused entirely on functionality and security verification. The design is purely functional, stripping away all decorative elements to prioritize clarity and speed during the loading process."
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 interface embodies a stark, utilitarian aesthetic designed exclusively for security verification and system integrity. It rejects all decorative elements, prioritizing clarity, speed, and functional neutrality above all else. The design atmosphere is cold and precise, evoking the reliability of infrastructure-grade tools like Cloudflare, Akamai, and the AWS Console. It functions as a digital checkpoint, stripping away narrative to focus solely on the immediate task of validation. This is not a brand experience; it is a system state. The visual language is minimal, relying on high-contrast elements against a pure white surface to ensure maximum legibility and rapid comprehension. The emotional register is neutral and secure, avoiding warmth or personality in favor of mechanical trust. Every pixel serves a purpose: to confirm identity or verify access without distraction. The design is invisible until it fails, then it becomes the sole focus of attention. It operates with the quiet authority of a firewall, presenting information in a direct, unadorned manner that demands no interpretation, only recognition. The layout is rigid and centered, creating a focal point that guides the user’s eye directly to the verification status. There is no hierarchy of importance beyond the binary state of success or pending action. This approach ensures that the user perceives the system as robust, uncompromising, and inherently secure. The absence of branding elements reinforces the idea that the service is a utility, not a product. It is a transparent barrier between the user and the protected resource, designed to be noticed only when necessary. The overall effect is one of sterile efficiency, where form follows function with absolute fidelity. The design does not invite exploration; it demands compliance. It is a functional artifact, stripped of artifice, existing solely to facilitate secure interaction in a high-stakes environment. The user is not a customer but a verified entity, and the interface reflects this transactional reality with unwavering clarity.

**Key characteristics:**

- Vibe — utilitarian, minimalist, functional, neutral, system-native, secure
- Archetypes — The Sage, The Caregiver
- Comparable to — Cloudflare, Akamai, AWS Console, GitHub
- Design era — flat-2.0
- Emotional tone — neutral-professional
- Target audience — General web users encountering a security checkpoint; users seeking immediate access without distraction.
- Visual energy — 2/10 (calm/understated)

## Colors

The palette is strictly monochromatic, utilizing a pure white surface (#ffffff) to eliminate visual noise and maximize contrast. This absence of color signals neutrality and system-native functionality, aligning with the utilitarian archetype. It avoids emotional cues, ensuring the interface remains a transparent, secure conduit for verification processes without distracting the user with decorative hues.

### 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 to ensure native rendering and technical precision. This choice communicates authority and clarity, leveraging familiar interface elements to reduce cognitive load. The hierarchy is flat and direct, prioritizing legibility over stylistic flair, which reinforces the secure, functional nature of the verification process and ensures consistent performance across all devices.

### 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 for all text, with 400 weight for body and 600 weight for headings.
- Apply sentence-case capitalization to all headings and UI labels.
- Set body text color to #313131 on a pure white (#ffffff) background.
- Maintain a strict line-height of 18.4px for body text to ensure readability.
- Use monospace font for any code snippets or technical identifiers.
- Keep all UI elements flat with no box-shadows or gradients.
- Apply a base spacing unit of 2px for margins and padding to maintain tight, compact layouts.
- Use border-radius of 2px for any interactive elements or containers.

### Don't

- Do not use emoji in any copy or UI elements.
- Do not use exclamations in status messages or instructions.
- Do not use title case for headings; always use sentence case.
- Do not apply gradients to backgrounds, buttons, or text.
- Do not use box-shadows for depth or focus states.
- Do not use serif fonts or custom web fonts; stick to system-ui.
- Do not use vibrant or saturated colors; stick to the neutral palette.
- Do not use playful or casual language; keep copy matter-of-fact and instructional.

*Source — inferred*

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 8/10 | casual |
| Playful ↔ Serious | 10/10 | serious |
| Enthusiastic ↔ Matter-of-fact | 10/10 | matter-of-fact |
| Respectful ↔ Irreverent | 1/10 | respectful |
| Technical ↔ Accessible | 6/10 | balanced |

### Copywriting style

- Avg. sentence length — 12 words
- Vocabulary — simple
- Jargon — some
- CTA style — instructional directive

### Sample copy

> Performing security verification

> Verification successful. Waiting for www.garuda-indonesia.com to respond

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

> Enable JavaScript and cookies to continue

## Sources

- Official brand guidelines — https://www.garuda-indonesia.com/
- Live brand page — https://extractvibe.com/brand/garuda-indonesia.com
- Raw JSON — https://extractvibe.com/api/brand/garuda-indonesia.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/garuda-indonesia.com/design.md
- Extracted — 2026-08-19T07:41:44.586Z
- Generator — ExtractVibe vv1
- Quality score — 85/100