Overcast mark

overcast

Brand guidelines · v1.0 · July 2026

the idea

Overcast is the AWS cloud, brought down to your machine. The mark says exactly that: a cloud grounded on a flat baseline — landed, not floating — with a shell prompt >_ inside it. The cloud you normally reach over the internet, running in your terminal. The domain is overcast.sh; the prompt is the brand.

construction

Construction diagram

The silhouette is the union of three circles whose radii follow a golden progression — r, r·√φ, r·φ — resting on a shared baseline. The overall bounding box is φ:1 (width:height).

The chevron's apex sits at the golden division of the cloud's width, x = (1−1/φ)·w ≈ 0.382w. The cursor bar sits on the chevron's lower shoulder line, ending near 0.75w.

Every size is generated from this same geometry — never scale one SVG down; use the size-specific files, which reduce stroke detail and snap to the pixel grid.

the mark

full color · light
full color · dark
mono · white
mono · ink

Clearspace: keep a margin equal to the chevron's height (≈ 0.4 × cloud height) free on all sides. Minimum size: 24px for the bare mark, 16px for the tiled icon.

lockup

Light lockuplight surfaces
Dark lockupdark surfaces

The wordmark is always lowercase overcast, set bold in the brand mono. The tagline is optional below 160px width — drop it rather than shrink it.

icons

16 — chevron+cursor only
32 — favicon
48
96 / 256 — app & org avatar

The dark navy tile ships with every icon so it works on any surface. Use favicon/favicon.svg directly — modern browsers accept SVG favicons; rasterize to .ico only for legacy support.

color

Ink#16222E · tile, dark surface, text on light
Night#10161D · page background dark
Cloud slate#33536F · cloud fill on dark
Cloud mist#C4D8EA · cloud fill on light
Signal (dark)#5FB8FF · prompt & accent on dark
Signal (light)#1273C4 · prompt & accent on light, AA on white
Cursor glow#8FD0FF · cursor on dark
Mist text#7FA8C9 · secondary text on dark

The accent always switches with the surface: Signal light on light grounds, Signal dark on dark grounds. Never use the dark-surface accent on white — it fails contrast.

typography

RoleFaceNotes
Wordmark & headingsJetBrains Mono / Cascadia Code (bold)lowercase wordmark, tight tracking (−0.02em)
Labels & taglinessame mono, regularuppercase, wide tracking (+0.15em)
Body / docssystem-ui stackthe mono is flavor; body text stays quiet

SVG lockups currently use the system mono stack (ui-monospace → Cascadia → Menlo → Consolas). Before print or pixel-perfect web use, set the wordmark in the chosen webfont and outline it.

usage

✓ Use the tiled icon whenever the background is unknown or busy.
✓ Use mono marks for stickers, engraving, single-color print.
✓ Blink the cursor (loader asset) in loading states — it's the one place motion belongs.
✗ Don't rotate, outline, shadow, or gradient-fill the mark.
✗ Don't scale large SVGs down below their design size — swap to the smaller icon.
✗ Don't set the wordmark in a proportional font or capitalize it.
✗ Don't use orange or add radio/sound waves — that's Overcast.fm's (the podcast app) territory. Our cloud is navy, grounded, and carries a prompt.

third-party marks

Overcast names AWS and its services only to state compatibility, and only in plain text. That is the line AWS draws itself: nominative use "should be in plain text only (no logos)" (AWS Trademark Guidelines §13), and imitating AWS trade dress, including its "product icons", is prohibited (§10). The AWS Architecture Icons ship with no licence and are offered for diagrams, not product UIs.

✓ Say "AWS-compatible", "local AWS emulator", "compatible with Amazon S3"; where a disclaimer belongs: "not affiliated with or endorsed by Amazon Web Services".
✓ Service icons are lucide or original glyphs, coloured from Overcast's own categorical ramp.
✗ No AWS service icons or logos on any Overcast surface, not even behind an opt-in — and no original glyphs drawn to resemble them.

files

PathUse
logo/overcast-logo-{light,dark}.svgREADME, website header, docs
mark/mark-{light,dark}.svgsquare contexts on known surfaces
mark/mark-mono-{white,ink}.svgsingle-color uses
icons/icon-{16,32,48,96,256}.svgfavicons, app icons; GitHub org avatar (rasterize 512)
favicon/favicon.svgdrop-in <link rel="icon">
loading/overcast-loader.svgloading states (blinking cursor)
social/github-social-card.svgrasterize to 1280×640 PNG for GitHub/OG
brand/construction.svgthis page; geometry reference

All assets are generated from gen.ts — a parametric build where the cloud, prompt, palette, and every per-size variant derive from one geometric definition. To adjust the brand, change the parameters and regenerate; don't hand-edit the SVGs.