ETLWORKS BRAND PACK
===================
Logos, icons, favicons, and social images for embedding Etlworks in
websites, apps, docs, status pages, and third-party services.

NAMING CONVENTION
  etlworks-<type>-<background>-<WxH>.<ext>
    type        logo (mark + wordmark) | wordmark (text only) | mark (icon only)
    background  on-light  = navy text, for LIGHT backgrounds
                on-dark   = white text, for DARK/black backgrounds
                mono-white= single color white, for busy/photo/dark backgrounds
                (the mark/icon tile is navy and works on any background,
                 so it has no background suffix)
    WxH         pixel size of the PNG (SVGs are vector / any size)

BRAND COLORS
  Navy (primary)      #0A1F3D
  Navy deep           #061327
  Teal (accent)       #1D9E75   <- "works" wordmark, top mark line
  Teal light / mint   #5DCAA5   <- mark node; "mint" wordmark accent
  White               #FFFFFF
  Muted on navy       #B5C2D9

FONT
  The wordmark uses Inter (weight 500) on the website. These raster PNGs
  were generated with Helvetica Neue (nearest available system font),
  so letterforms are very close but not pixel-identical to Inter. For
  pixel-exact output, re-export the .svg files from a tool with Inter
  installed. SVGs are the source of truth; PNGs are conveniences.


logo/
-----
  Lockups (icon + wordmark):
    etlworks-logo-on-light.svg / -on-light-900x450.png      LIGHT backgrounds (primary)
    etlworks-logo-on-dark.svg  / -on-dark-900x450.png       DARK backgrounds
    etlworks-logo-mono-white.svg / -mono-white-900x450.png  single-color white

  Wordmark only (no icon):
    etlworks-wordmark-on-light.svg                           navy "etl" + teal "works"
      -on-light-720x200.png                                    padded
      -on-light-386x111.png                                    tight crop
    etlworks-wordmark-on-dark.svg                            white "etl" + teal "works"
      -on-dark-720x200.png                                     padded
      -on-dark-1440x400.png                                    padded, 2x / retina
      -on-dark-snug.svg / -on-dark-396x121.png / -on-dark-300x91.png
                                                               tight crop; fits width-limited
                                                               logo slots (e.g. status pages,
                                                               UptimeRobot: max 400x200)
    etlworks-wordmark-on-dark-mint.svg / -mint-720x200.png   brighter mint accent (#5DCAA5)
                                                               for very dark / pure-black bg

  Icon / mark only (square, navy tile - works on any background):
    etlworks-mark.svg / -512x512.png
    etlworks-mark-mono-white.svg / -mono-white-512x512.png   single-color white outline

favicon/  (web + app icons; canonical filenames devs expect)
--------
  favicon.svg                       vector favicon (matches current Etlworks favicon)
  favicon.ico                       multi-size .ico (16, 32, 48)
  favicon-16x16.png / -32x32 / -48x48 / -96x96
  apple-touch-icon.png              180x180, iOS home screen
  android-chrome-192x192.png / -512x512.png
  maskable-512x512.png              Android adaptive / PWA maskable (safe padding)
  mstile-150x150.png                Windows tile
  site.webmanifest                  sample manifest referencing the above

social/  (share cards + square profile icons)
-------
  og-image-1200x630.svg / .png      Open Graph card (Facebook, LinkedIn, Slack unfurl)
  twitter-card-1200x628.png         X / Twitter summary_large_image
  avatar-512x512.png / -1024x1024.png   square profile/app icon (X, GitHub, YouTube, Slack)
  linkedin-300x300.png              LinkedIn company logo

feedback-board/  (assets for the feedback & roadmap board - see NOTE.txt)
---------------
  topbar-logo-178x80.png            top-bar lockup (80px tall for a 40px display)
  topbar-logo-89x40.png             1x
  favicon.svg / favicon.ico / favicon-16x16.png / favicon-32x32.png

USAGE NOTES
  - Light backgrounds -> use *-on-light. Dark backgrounds -> *-on-dark (or -mono-white
    for busy/photo backgrounds). For pure black, -on-dark-mint reads a touch brighter.
  - Need a small logo for a width-limited slot (status pages, some tools)?
    Use etlworks-wordmark-on-dark-396x121.png (or the -snug.svg).
  - Keep clear space around the logo of at least the mark's corner radius.
    Don't recolor, stretch, rotate, or add effects.
  - Favicons / app icons match the current Etlworks favicon (navy tile,
    teal top line + node, white lower lines).

(c) 2026 Etlworks LLC. Assets for representing Etlworks only.
