Cue Logo Mark

Design Specification

Origin

Three orbs. Three note-takers. One conversation.

Cue is built on a simple idea: every meeting has three participants taking notes simultaneously. The AI listens and answers. The transcript captures everything. The humans ask, annotate, and decide. The logo mark encodes this trinity as three equal circles in a precise geometric relationship.

The circles are orbs, not nodes. They are organic and approachable — luminous points of attention, not vertices in a wiring diagram. Their equal size is deliberate: no hierarchy, no primary. Three equal partners in the same room.

Geometry

The √5 Triangle

The three orbs sit at the vertices of an isosceles triangle whose proportions emerge from one of the most fundamental relationships in mathematics. Drop an altitude from the apex and you split the mark into two right triangles with sides in the ratio 1 : 2 : √5.

√5 is the number that generates the golden ratio: φ = (1 + √5) / 2. The logo doesn't use φ directly — it uses its root. The proportions feel balanced because they are: the same irrational constant that underpins spirals, pentagons, and organic growth is the structural foundation of this mark.

apex = 2 × arctan(½) = arctan(⁴⁄₃) = 53.13° The major angle of the 3-4-5 Pythagorean triple — the most fundamental right triangle in mathematics.

Proportions

Area Equality

The radius of each orb is not arbitrary. It is the exact value at which the combined area of all three circles equals the area of the triangle they form. Positive space and negative space in perfect equilibrium.

r = √(600/π) ≈ 13.82 The exact radius at which 3πr² equals the triangle area. Positive and negative space in equilibrium.
r / R ≈ ⅜ Dot radius to circumscribed radius. Three orbs, three-eighths of the orbit.

The Square Mark

Height Equals Base

The triangle's altitude is exactly equal to its base width. The mark sits in a perfect square — no direction favored, no axis dominant. This is why the logo feels stable at any rotation of the page, why it centers effortlessly in a circle crop, and why the negative space reads as intentional rather than leftover.

Complete Construction

Every relationship, one diagram.

Color

Each orb carries one of three brand colors. The assignment is fixed — color identifies role, not position.

Indigo
#6366F1
The Human
Cyan
#06B6D4
The AI
Amber
#F59E0B
The Knowledge Base

Specification

Canonical Coordinates

All values reference a 100 × 100 unit viewBox. The mark is resolution-independent.

Size Reference

The mark must not be rendered below 16px. Omit connecting lines at small sizes.

Variants

Tray icon: Dots only. Uses macOS template image conventions — the system auto-tints for light and dark menu bars.

App icon: Dots only on dark background. No connecting lines.

Animated: The SummaryLoader and onboarding use the same three orbs in motion. Animation does not alter the geometry — it preserves the triangle as a rest state.