Brand Guide

A comprehensive visual and verbal identity system for Attuniq — the AI scenario training and assessment platform.

Version 1.0 — March 2026
01

Brand Overview

Attuniq = Attune + Unique. To attune is to calibrate, to listen, to align. Every learner's journey is unique — shaped by their context, sector, and growth.

Mission

To replace guesswork with evidence in human skills development — giving every learner realistic practice, defensible assessment, and a clear path forward.

"From practice to proven performance."

Brand Pillars

Realistic Practice · Defensible Assessment · Mentor-Grade Feedback · Progress Over Time · Governance-Ready

02

Logo

The Attuniq wordmark is set in Plus Jakarta Sans Bold, lowercase, with the dot on the "i" rendered in Primary Teal — the signal moment. The letterforms combine geometric precision with soft rounded terminals, embodying calibration with empathy.

attuniq
Primary Wordmark — Light Background
attuniq
Reversed Wordmark — Dark Background
Icon Mark — "The Signal Dot"
03

Colour System

A clinical, trust-building palette. Calm neutrals dominate; teal activates; traffic lights carry meaning.

Primary Palette

Deep Navy
#0B1F3B
Primary Teal
#0E8A8A
Ink
#111827
Slate
#475569
Mist
#E5E7EB
Cloud
#F8FAFC

Traffic Light Feedback

Green — Meets Standard
#16A34A
Amber — Needs Improvement
#F59E0B
Red — Critical Gap
#DC2626

Distribution: 60 / 30 / 10

60% Neutrals
30% Navy
10%
04

Typography

Inter is our primary typeface — designed for screens, optimised for legibility, open-source.

Display — 36px / Semibold 600
Practice with pressure. Prove with evidence.
H1 — 30px / Semibold 600
Scenario assessment results
H2 — 24px / Semibold 600
Communication clarity
H3 — 20px / Medium 500
Rubric-aligned scoring
Body — 16px / Regular 400
Attuniq delivers realistic scenario training with rubric-aligned assessment — so your people don't just feel ready, they can prove it. Each session generates evidence that stands up to audit.
Label — 14px / Medium 500
SCENARIO TYPE    COMPLETED    DURATION
Micro — 12px / Medium 500
Last updated 3 minutes ago · Session #47

Weight Usage

Semibold 600 — Headings, card titles, CTAs, key metrics

Medium 500 — Labels, navigation, table headers, sub-headings

Regular 400 — Body text, descriptions, long-form content

05

Tone of Voice

Clear. Calm. Competent. Lead with outcomes and evidence, not hype.

✓ Use

  • Rubric-aligned
  • Evidence-based feedback
  • Demonstrated competence
  • Longitudinal uplift
  • Governance-ready
  • Realistic scenarios
  • Configurable personas

✗ Avoid

  • Revolutionary / disruptive
  • AI magic / powered by AI
  • Cutting-edge / next-gen
  • Unleash / supercharge
  • World-class / best-in-class
  • Seamless / frictionless
  • Empower

Example: Website Hero

Practice with pressure.
Prove with evidence.
Attuniq delivers realistic scenario training with rubric-aligned assessment — so your people don't just feel ready, they can prove it.

Example: Social Post

We built Attuniq because "satisfactory" on a checklist doesn't mean someone can handle a distressed patient, a hostile caller, or a job interview in their second language.

Realistic practice. Rubric-aligned scoring. Evidence that holds up.

From practice to proven performance. →
06

Visual Identity

Real people in real contexts. No robots, no sci-fi, no abstract tech imagery.

Photography

Show people where skills matter: clinics, classrooms, call centres, job interviews. Diverse representation across age, ethnicity, culture, gender, and ability. Candid over posed. Warm, natural lighting.

Iconography

Clean line icons with rounded terminals. 1.5px stroke weight. 24×24px base grid. Outlined by default; filled for active/selected states. Recommended sets: Phosphor Icons (Light) or Lucide.

07

UI Patterns

The traffic light feedback card is Attuniq's signature UI element.

Traffic Light Feedback Card

Button Hierarchy

8-Point Spacing

4px
8px
16px
24px
32px
48px
64px
08

Brand Applications

How Attuniq looks in the real world.

Website Header

Practice with pressure.
Prove with evidence.

Realistic scenario training with rubric-aligned assessment for healthcare, education, and workforce readiness.

Business Card

Attuniq
Sarah Chen
Head of Clinical Partnerships
sarah@attuniq.com
+61 400 000 000
attuniq.com
From practice to proven performance

Pitch Deck Title Slide

The Training Gap Is a Measurement Gap

Organisations invest in soft skills training but can't prove it works. Attuniq closes that loop.

Email Signature

Sarah Chen
Head of Clinical Partnerships | Attuniq
sarah@attuniq.com | +61 400 000 000
attuniq.com
From practice to proven performance.
09

Accessibility

WCAG 2.1 AA compliance is a core brand requirement, not an afterthought.

Contrast Ratios

15.4:1 ✓
Ink on Cloud
16.1:1 ✓
Navy on White
4.6:1 ✓
Teal on White

Colour-Independent Meaning

Colour must never be the only means of conveying information. Every traffic light indicator is paired with a text label, an icon or shape, and a consistent position — ensuring full comprehension regardless of colour perception.

Additional Requirements

Focus indicators on all interactive elements · 44×44px minimum touch targets · Descriptive alt text · Sequential heading hierarchy · prefers-reduced-motion support · ARIA labels · Full keyboard navigation · Language declarations