# atstratus identity v2 — asset usage

## The mark
Abstract capital A: three ascending orange bands stepped northeast with every
right edge flush on one vertical line; equal 6-unit gaps throughout (band-to-band
and between the unequal 26/28 legs). Upright, no lean, 2-unit corner radius.
Standard symbol box: 60 x 51 (tight, no padding).

## Lockup proportion (v2)
Wordmark-led: in every lockup the symbol height equals the ascender height of
the t (0.6563 em) and sits baseline-aligned — symbol top on the t-top line,
symbol bottom on the baseline. Wordmark: Space Grotesk Medium 500, tracking
-0.015 em, converted to vector outlines (no font dependency).

## Master selection by rendered symbol height
Selection follows the symbol's ACTUAL rendered height — never viewport width.
- 24px and above: standard master (symbol.svg / lockup-primary.svg)
- 20-23px: micro-20 master (symbol-micro-20.svg / lockup-small-20.svg)
- 16-19px: micro-16 master (symbol-micro-16.svg / lockup-small-16.svg)
- below 16px STANDALONE: do not use the symbol alone.
- Inside lockups the symbol may render below 16px (e.g. ~10px in the 86x32
  header) — the wordmark carries identification there; this is the accepted
  trade-off of the wordmark-led proportion.

## Lockups
- lockup-primary.svg — default; use at 20px wordmark height and up.
- lockup-header-86x32.svg — the 86x32 website header slot, all viewport sizes.
- lockup-small-20.svg / lockup-small-16.svg — micro-master constructions for
  intentionally small renderings; never rescale to other sizes.
- lockup-reversed.svg — orange symbol + off-white wordmark on deep stone #1C1917.
- lockup-mono.svg — single-color deep stone for print/one-color.

## Website header implementation
    <a href="/"><img src="/assets/lockup-header-86x32.svg" width="86" height="32" alt="atstratus"></a>
Always set explicit width and height. Swap to lockup-small-* only when the
design intentionally renders the logo at that physical size.

## Backgrounds
- Default: off-white #FAFAF9 or white. Dark: deep stone #1C1917 with lockup-reversed.
- Never place the orange symbol on orange or mid-tone imagery.

## Clear space and minimums
- Clear space: 0.25 x symbol height on all sides; predefined lockups own their
  internal spacing.
- Minimum lockup height 16px (lockup-small-16). Standalone symbol floor 16px.

## Favicons
    <link rel="icon" href="/favicon.ico">
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" sizes="any">
    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
favicon.ico frames: 16 = micro-16, 32 + 48 = standard master.
apple-touch-icon.png: opaque full-bleed 180x180, off-white symbol on orange; the OS masks corners.

## PWA (OPTIONAL — installable sites only)
    <link rel="manifest" href="/manifest.webmanifest">
icon-192/512 (purpose any, full-bleed squares) + icon-maskable-512 (symbol
inside the central safe area). Declared separately in the manifest; omit all
four files if the site is not installable.
