ATMList brand guidelines
Editorial use only. Do not modify or recolour the mark, and do not imply endorsement without written approval from ATMList, Inc.
One mark, two files.
The mark is a 48 px cut square in brand orange. Use favicon.svg where the icon sits on a light surface, and icon.svg where it sits on ink or on your own colour.
The same 48 px geometry: tile on paper, bare mark on ink. Never redraw, rotate, or outline either file.
- favicon.svgOrange mark on a white rounded tile. Default for docs, marketplaces, and slides.Download
- icon.svgOrange mark, no tile. Use on ink surfaces or where the tile would crowd the layout.Download
- apple-touch-icon.png180 px home screen icon for iOS.Download
- favicon-48.png48 px raster for toolbars.Download
- favicon-32.png32 px raster for tabs.Download
- favicon-16.png16 px raster for tabs and link lists.Download
- favicon.icoMulti-resolution icon for legacy tabs and clients.Download
Orange is the only saturated colour.
Paper carries the body of a page. Ink carries the technical bands. The signal colours belong to decisions — allowed, step up, blocked — and never decorate a section.
- Brand#ff6700Primary buttons, active state, the mark.--color-brand
- Brand strong#e35c00Hover state and links on paper.--color-brand-strong
- Ink#0b0b0cDark bands, headlines, and body text.--color-ink
- Paper#faf8f3Default canvas for body sections.--color-background
- Surface#f2f0eeThe one band per page that needs separation.--color-surface
- Line#e3e1dbHairlines, dividers, and 1 px borders.--color-line
- Clear#0f8a5fAllowed decision, clean terminal.--color-clear
- Flag#b45309Elevated risk, step-up decision.--color-flag
- Block#c02b26Blocked withdrawal, confirmed compromise.--color-block
On ink and canvas surfaces the signal colours brighten one step so they hold contrast.
- Clear bright#34d399--color-clear-bright
- Flag bright#fbbf24--color-flag-bright
- Block bright#f87171--color-block-bright
Serif states, mono labels, Inter explains.
Three families, one role per line. The serif has no bold: display weight is 400. Display 1 is reserved for the home hero.
- Display.display-2 · Instrument Serif · 400 · clamp(2rem, 4.4vw, 3.25rem) / 1.04 · −0.018em
Read the terminal. Catch the skim.
- Prose.body-lg · Inter Variable · 400 · 1.0625rem / 1.65
Terminal telemetry, read patterns, and kit signatures are scored in the authorization path.
- Label.eyebrow · JetBrains Mono · 500 · 0.6875rem · 0.18em tracking · uppercase
Kit signature
- Data.mono-value · JetBrains Mono · 400 · tabular figures
0.94 · 38 ms · req_8f2c91a4
Do and don't.
The short version, for anyone assembling an article, a deck, or a booth.
Do
- Use the mark and wordmark exactly as supplied, on paper or on ink.
- Keep clear space of at least one cap height around the mark and the wordmark.
- Keep orange for the mark and the primary action; let paper and ink carry the rest.
- Set ids, scores, endpoints, and timestamps in mono with tabular figures.
- Keep corners sharp: 3 px on buttons and chips, 6 px on panels.
Don't
- Never recolour, outline, rotate, stretch, or redraw the mark.
- No gradient meshes, glows, or drop shadows behind the mark or behind text.
- No rounded-2xl or rounded-3xl corners.
- Display weight never above 400 — the serif has no bold.
- Do not set prose in the serif, or a headline in the sans.
- Do not place the dark wordmark on a dark surface.
High-resolution files, co-branded lockups, and written approval for partner use come from the press team.