shimmer mark loader-dark
brand guide · v6 · 2026-05-28

shimmer

The official brand assets. Logos, colors, typography, and usage guidelines. A sovereign chief-of-staff that owns your context and comes to you.

The mark

seven modes

A four-ribbon S-form rendered with a refractive prism gradient. Overlapping shapes blend rather than stack — light passes through the membrane. Match the file's theme to the surface's theme. Loader carries a concentric heat-wave aura in octarine ("the color of magic").

light
svg
mono · dark
svg
mono · light
svg
glass · premium
svg
shimmer mark loader-dark
loader · dark
svg
shimmer mark loader-light
loader · light
svg

Lockups

mark + wordmark

Two approved lockups. Primary (horizontal) for landings, headers, social. Stacked (vertical) for app splash, mobile, and square contexts. The mark and wordmark can also stand alone.

primary · horizontal
svg
shimmer
stacked · vertical
svg
shimmer

Colors

iris prism · surfaces · text

The iris colors are overlay vocabulary, not fill vocabulary — gradient stops, glow nodes, interaction accents. Never the dominant fill of a surface. Surfaces are governed by void, surface, and text colors.

iris · dark mode
iris-rose
#F472B6
iris-coral
#FB7185
iris-amber
#F59E0B
iris-green
#34D399
iris-teal
#22D3EE
iris-cold
#4D6EFA
iris-mid
#7B5CF0
iris-warm
#C084FC
iris-magenta
#E879F9
iris · light mode (deepened)
iris-rose
#DB5A9E
iris-coral
#E55663
iris-amber
#C97500
iris-green
#16A571
iris-teal
#0E96AC
iris-cold
#3D5FE8
iris-mid
#6A48DC
iris-warm
#A66AE0
iris-magenta
#C95EE0
surface stack
void
#0A0B0F
deep
#0F1117
surface
#14161E
surface-raised
#1A1D28
surface-float
#1F2233
border
#2A2E42
border-subtle
#1E2130
palette.svgcolors.jsoncolors.css

Typography

PP Hatton · Suisse Intl · Suisse Intl Mono

Display in PP Hatton (Pangram Pangram) — serif, weighted, deliberate. Body in Suisse Intl (Swiss Typefaces) — neutral, unhurried. Mono in Suisse Intl Mono for data, IDs, timestamps. Discipline: no weight above 500 outside display/heading contexts.

display · 64px
The biologist crossed the border.
heading-1 · 36px
Field observations
heading-2 · 24px
Day three — phosphorescence
body-lg · 17px
The light bent in ways I could not catalogue.
body · 15px
I am told this is normal. I do not believe it.
mono · 13px
@you:shimmer.fyi · 2026-05-28T16:22:18Z
label · 11px
CLASSIFIED · OBSERVATION
type-scale.svg

Guidelines

do · don't · clear space

Full rules in BRAND-GUIDELINES.md. The short version:

do
  • · Use mark + wordmark side-by-side at hero scales (primary lockup).
  • · Match the file's theme to the surface's theme.
  • · Use mono variants for single-color print, embroidery, and ≤ 24px favicons.
  • · Maintain 20% clear space around the mark on all sides.
  • · Use the loader for genuine waiting states only.
don't
  • · Don't change the colors of the mark — the iris gradient is locked.
  • · Don't add a stroke, outline, or drop shadow to the mark.
  • · Don't rotate, skew, or crop the mark.
  • · Don't place the mark on photography. Use a clean ground.
  • · Don't use the glass variant as a default. It's an accent.
  • · Don't mix chromatic mark with mono wordmark in a single lockup.

All assets

Direct downloads of every file. Source repo: hebbianloop/shimmer · brand-kit/.

logo · mark
logo · wordmark
lockup · primary (horizontal)
lockup · stacked (vertical)
favicons
colors + type