TRAIL BRAND ASSETS
Full guide: https://trailhq.com/brand

--------------------------------------------------------------------
LOGO
--------------------------------------------------------------------
logo/svg/  vector originals — use these wherever you can
logo/png/  raster fallbacks

  trail-lockup-primary       coral mark + deep ocean wordmark, for light grounds
  trail-lockup-on-dark       coral mark + white wordmark, for deep ocean grounds
  trail-lockup-mono-white    single-colour white
  trail-lockup-mono-ocean    single-colour deep ocean
  trail-mark-*               mark only — avatars, favicons, tight spaces
  trail-appicon-*            512px squircle tiles (coral / white / ocean / gradient)

Clear space is one mark-height on all sides. Never re-space, outline,
recolour or re-proportion the lockup outside the pairs above.

--------------------------------------------------------------------
COLOUR
--------------------------------------------------------------------
  #0A2333   Deep ocean      structure
  #F23030   Signal coral    action only — never a fill or a surface
  #FFFFFF   Paper           page ground

  Ocean ramp   071822 0A2333 16405A 1E4F6D 2C6D95 4DA2D6 70B6E2 A0D0EE CCE5F5 F4FAFE
  Steel axis   3D6280 4C7C9E 7BA6C4 A8C4D8 D8E6EE
  Depths       14314A 0A2333 081C29 071822 05121A 040D13 02080C

Brand surfaces run roughly 60 neutral / 22 deep ocean / 12 tint / 6 coral.
Product UI runs 72 / 14 / 8 / 4 / 2.

--------------------------------------------------------------------
BACKGROUNDS
--------------------------------------------------------------------
backgrounds/svg/  vector — gradients carry the clean stops, rebuild from these
backgrounds/png/  2400x1350 renders, already dithered and blurred per the guide

  contour, halftone           the two generated fields; keep them at 7-12%
                              behind content (7% on paper, 9% inverted on deep ocean)
  route-dashes, hachure,
  survey-grid                 the drawn map kit, tileable
  gradient-*                  product gradients — behind screenshots only,
                              never behind type, never a button fill
  atmos-*                     campaign fields; the one place type may sit on a gradient
  field-*, wash-*             product UI and section grounds

The PNGs bake in the treatment (halftone at 50% overlay, 38px blur; atmospheric
fields take grain at 34% soft-light and no blur). The SVGs are the clean stops.

--------------------------------------------------------------------
TYPEFACES
--------------------------------------------------------------------
Not redistributed here — get them from the source:

  Switzer         https://www.fontshare.com/fonts/switzer     super titles, subheads, buttons, web body
  Erode           https://www.fontshare.com/fonts/erode       editorial titles, pull quotes, card headings
  Inter           https://fonts.google.com/specimen/Inter     product UI only, never marketing
  JetBrains Mono  https://www.jetbrains.com/lp/mono/          data, indices, coordinates — uppercase, 0.12-0.16em

Switzer and Erode are free from Fontshare under the ITF Free Font License.
For the web, use the hosted embed rather than self-hosting.
