0.25×
Clear space
Keep one quarter of the symbol height clear on every side. Internal lockup spacing is already set.
Brand guidelines
The atstratus identity, ready to use.
Official identity files and practical rules for partners, press, and collaborators. Choose the master for its final rendered size and background.
Browse downloads
Logo system
One identity, two approved grounds.
Primary lockup
Use on white or off-white backgrounds.
Reversed lockup
Use on deep stone or imagery darker than 40% gray.
Color
A compact, confident palette.
Orange identifies the brand. Deep stone gives it contrast; off-white keeps the system warm and precise.
Stratus Orange
#FC4A1A
Deep Stone
#1C1917
Off-white
#FAFAF9
White
#FFFFFF
Sizing and space
Let the mark breathe.
24px+
Standard master
Use primary symbol and lockup masters when the rendered symbol is at least 24px high.
16px
Absolute floor
Use the exact micro master from 16–23px. Below 16px, do not use the mark.
Downloads
Use the master, every time.
All files below are production-ready. SVG is preferred wherever the format is supported.
Lockups
The symbol and outlined wordmark, prepared for common sizes and backgrounds.
Primary lockupDefault on light backgrounds, 24px symbol height and abovelockup-primary.svgReversed lockupFor deep stone or dark imagerylockup-reversed.svgMono lockupOne-color print, engraving, and productionlockup-mono.svgWebsite header lockupExact 86×32 website header slotlockup-header-86x32.svgSmall lockup — 20pxOnly for an intentional 20px rendered heightlockup-small-20.svgSmall lockup — 16pxOnly for an intentional 16px rendered heightlockup-small-16.svg
Symbols
Use the standalone mark where the brand name is already clear or space is constrained.
Primary symbolStratus orange, 24px and abovesymbol.svgOff-white symbolWhen orange lacks contrast on a dark backgroundsymbol-offwhite.svgMono symbolSingle-color productionsymbol-mono.svgMicro symbol — 20pxOptimized for 20–23px rendered heightsymbol-micro-20.svgMicro symbol — 16pxOptimized for 16–19px rendered heightsymbol-micro-16.svg
Browser and app assets
Ready-made digital files. Use the manifest only when the experience is an installable app.
SVG faviconResolution-independent browser iconfavicon.svgICO favicon16px, 32px, and 48px framesfavicon.icoPNG favicon — 32px32×32 browser fallbackfavicon-32x32.pngPNG favicon — 16px16×16 browser fallbackfavicon-16x16.pngApple touch iconOpaque 180×180 iOS iconapple-touch-icon.pngApp icon — 192pxRegular PWA iconicon-192.pngApp icon — 512pxRegular high-resolution PWA iconicon-512.pngMaskable app icon512×512 icon with protected safe areaicon-maskable-512.pngWeb app manifestOptional installable-app configurationmanifest.webmanifestComplete usage guideThe source rules in Markdown formatUSAGE.md
Please don't
Protect the signal.
- Don’t redraw or re-typeset the wordmark.
- Don’t recolor, stretch, rotate, or rearrange the mark.
- Don’t place the orange symbol on orange or mid-tone imagery.
- Don’t scale a micro master beyond its intended physical size.