ai.com — Quiet Sky
ai.com logotype Quiet Sky · v2.0 · masters + exports · August 2026
The idea

One particle.
One of them is lit.

Onest Bold draws its tittle and its period as the same circle — 172 units across. The logotype is built on that coincidence. The dot above the i and the dot in ai·com are not similar shapes; they are the identical particle, placed twice. Only one of them is alive.

That is the whole mark. It carries the system's fourth principle — the dot is the material — without adding a single shape the typeface didn't already contain. Everything downstream (the app icon, the avatar, the pip, the favicon) is that one particle at a different size.

Construction

Drawn, not typed.

The masters are outlined vector paths. No font has to be installed, nothing reflows, and the letterfit is fixed forever. Coordinates below are font units at 1000 upem.

Loading diagram…

Why the two clearances differ

The particle sits 175 units from the flat right edge of the i stem, but only 130 from the left edge of the c. A curve falls away from its tangent point, so the same measured gap reads wider against a round letter than against a straight one. Equal numbers here would look wrong; unequal numbers look equal.

ValueUnitsWhy
Particle diameter172The typeface's own tittle and period, unchanged.
Particle centrey = 264The spine. a, c, o and m all centre within 3 units of it.
Clearance left175Ink edge of the i stem to ink edge of the particle.
Clearance right130Optically matched against the round c.
Tracking, display−25−0.025 em. Tighter closes the m's counters.
Tracking, UI cut−18Opens up as the type gets small.
Glowσ = 0.44 × ØThe system's 0 0 8px on a 9px pip, expressed as a ratio.
The lockup

Light, night, and inherit.

ai.com on canvas
ai.com on night

On night the accent lifts to #5FD4F2 and the letterforms drop to #EDEEF4 — never pure white, which buzzes against near-black.

Two optical cuts

Below 48px the display cut loses its dot. The UI cut answers that the way a text-size optical master does: a heavier particle, tighter clearance, looser tracking. Same geometry, different exposure.

DISPLAY — 300px
DISPLAY — 132
UI — 132
UI — 84
UI — 60

Clear space and minimum size

Keep one x-height (0.53 × the logotype's cap-to-baseline, or simply the height of the a) clear on every side. Minimum reproduction is 72px wide for the display cut and 48px for the UI cut; below that, use the particle alone.

The mark

The particle, and its halo.

Pulled out of the lockup, the particle becomes the app icon, the agent avatar and the favicon. One hairline ring at 2.25× the particle radius gives it structure at large sizes — it is the same halo the product already draws around a live agent. The plate is a superellipse (n = 5): continuous curvature, no kink where the corner meets the side.

app icon, night
app icon, canvas

The icon at every size

NIGHT 160
96
UI 64
40
FAVICON 32
16

The halo is dropped below 64px and the particle grows to 34% of the tile — a hairline ring at 32px is mud, not structure.

Vertical lockup

stacked lockup, night
stacked lockup, canvas
Colour

One colour. Two grounds.

Accent
#0FA8CE
Accent night
#5FD4F2
Ink
#0E0E14
Night ink
#EDEEF4
Night
#0A0D12
Canvas
#FBFBFD

A single cyan with two readings — #0FA8CE on canvas, lifted to #5FD4F2 for the night — against ink and near-black. There is no second hue anywhere in the identity.

The particle is flat colour. The only soft light anywhere in the system is the bloom around a lit particle and the single horizon wash on the presentation field — both atmosphere, never a fill.

Use

Rules.

Always

  • Use the outlined masters. Never re-set the wordmark in live type.
  • Switch to the UI cut below 48px, and to the particle alone below 24px.
  • Keep one x-height of clear space on all four sides.
  • Lift the accent to #5FD4F2 on any surface darker than #2A2E38.
  • Use aicom-logotype-adaptive.svg where the surface colour is unknown — the letters inherit currentColor, the particle stays cyan.

Never

  • No gradient on the letterforms or the particle — ever.
  • No second hue. The particle is cyan or it is the mono master; there is no green, violet or gold variant.
  • Don't resize the particle independently of the word, or move it off the y = 264 spine.
  • No outline, drop shadow, bevel or emboss on the logotype.
  • Don't rebuild the wordmark by typing ai.com in Onest — the period is the wrong size and sits on the baseline.
ai.com
Typed, not the master
ai•com
Re-tracked
ai•com
Gradient · second hue
ai•com
Effects
Files

What shipped.

brand/master/ is the source of truth — 20 SVGs, no font dependency. brand/export/ holds rasters up to 8192px. Everything regenerates from brand/doc/build_logo.py.

MasterUse
aicom-logotype-light / -darkThe primary lockup, 48px and up.
aicom-logotype-ui-light / -darkThe optical cut for 24–48px — nav bars, sidebars, chrome.
aicom-logotype-monoSingle colour, inherits currentColor. Print, embroidery, embeds.
aicom-logotype-adaptiveLetters inherit currentColor; particle stays cyan.
aicom-logotype-dark-glowThe lit lockup, padded — for night hero placements.
aicom-stacked-dark / -lightVertical lockup: mark over logotype.
aicom-icon-night / -canvasApp tile, 64px and up.
aicom-icon-uiTile without the halo, for 24–64px.
aicom-icon-maskableFull bleed, particle inside the 80% safe zone (Android).
aicom-particle / -nightThe particle with its halo, transparent — avatars and pips.
aicom-hero-night / -canvas7680×4320 presentation field.
aicom-og2400×1260 link preview.
favicon · safari-pinned-tabBrowser chrome; the favicon flips with prefers-color-scheme.

Rasters

FolderSizesNotes
export/logotype8192 · 4096 · 2048 · 1024 · 512Transparent. Stacked at 4096 · 2048 · 1024.
export/icon4096 · 2048 · 1024 · 512 · 256 · 128 · 64 · 32night, canvas, maskable, ui.
export/particle2048 · 1024 · 512 · 256 · 128Transparent.
export/hero7680 · 3840 · 1920 · og 2400/1200Opaque, dithered against banding.