winnower brand kit

FILES
  winnower-lockup-on-{dark,light}.svg             The leaf and the winnower_ wordmark, outlined, so no font is needed.
  winnower-mark-on-{dark,light}.svg               Where the mark stands alone: toolbar icons, favicons, avatars, inline next to text.
  icons/mark-on-{dark,light}-{16,32,48,128}.png   Toolbar icons.

"on-dark" and "on-light" name the background each file is for. The two are drawn differently, not just
recoloured, so use the matching one. The SVGs are one colour: inlined, they take the text colour around them,
and loaded as images they draw black. Only the underscore is green.

CLEAR SPACE
  Lockup          One letter of winnower_ on every side.
  Leaf            A quarter of the file's width on every side.

MINIMUM SIZE
  Lockup          20px tall.
  Leaf            16px.

COLOURS
  --bg        #0f1310   Behind winnower's menu and this site.
  --text      #ececec   Text, and the logo on dark backgrounds.
  --on        #7bd88f   Switches that are on, focus rings, and the logo's underscore.
  --surface   #181c19   Panels.
  --surface-2 #202421   Controls, like a switch that's off.
  --line      #292e29   Borders and dividers.
  --muted     #8b8b8b   Secondary text.
  --faint     #5c5c5c   Decoration only: at 2.8:1 it's too faint for text.
  --off       #e0795f   Warnings, and on this site, what gets blocked.

USING THE LOGO
  Use the logo to link to winnower or to write about it. Please don't use it for a fork or another product, so people can tell the official winnower apart.

More about the brand: https://winnower.meistyr.tech/about
Source files: https://github.com/meistyr/winnower-adblock/tree/main/brand
