SALES DRAWER — AFFILIATE ASSET KIT
Sales Drawer for WooCommerce (free plugin) + Sales Drawer Pro (paid add-on)
https://salesdrawer.com · October 2026

Start with 07-brand-sheet/Sales-Drawer-Brand-Sheet.pdf. It has logo rules, colours,
fonts, approved taglines, the 50- and 150-word descriptions, the feature list,
pricing and positioning.


WHAT'S INSIDE

01-logos/
  svg/  Full logo and icon mark. Wordmark is outlined, so no font is needed.
        ...-on-light.svg   for light backgrounds (ink wordmark)
        ...-on-dark.svg    for dark backgrounds (white wordmark)
        ...-mono-white / -mono-ink   one-colour versions
  png/  Transparent PNGs. Full logo at 480/960/1920 px wide; icon at 64–1024 px.
  preview-on-light-background.png, preview-on-dark-background.png

02-banners/
  A-your-sale-is-invisible/    "Your sale is invisible. Fix it."
  B-every-sale-every-shopper/  "Every sale, in front of every shopper"
  Each has:
    no-price/    EVERGREEN. Use these unless you will keep prices up to date.
    with-price/  Says "Pro from $29/yr". Check salesdrawer.com/pricing/ first.
    @2x/         The same banners at double resolution, for high-DPI slots.
  Sizes: 728x90, 300x250, 336x280, 160x600, 300x600, 320x50, 970x250.
  320x50 comes in no-price only, because a price line isn't readable at that size.

03-social/
  1200x630 (OG / Facebook / LinkedIn), 1080x1080, 1080x1350, 1080x1920 story.
  Each comes with headline A or B. None show prices.

04-product-screenshots/  (retina 2x, the real plugin on a demo WooCommerce store)
  01 drawer open on desktop, right side, list layout
  02 drawer as a mobile bottom sheet
  03 grid layout · 04 compact layout
  05 edge-tab launcher · 06 floating-bubble launcher
  05b edge tab vs floating bubble, side by side
  07 countdown timer on a campaign (Pro) · 07b close-up
  08 coupon tap-to-copy ("Copied" state) · 08b close-up
  09 add to cart from the drawer
  10 Pro campaigns list · 11 Pro campaign scheduler · 12 Pro product rules
  13 Pro targeting rules · 14 Pro analytics with revenue attribution
  15 dashboard overview

05-blog-youtube/
  youtube-thumbnail-1280x720-example*.png  ready-made examples
  blog-hero-1600x900*.png
  To set your own thumbnail headline, see "Editing" below.

06-video/
  social-ads/   15-second 4:5 (1080x1350) video ads with sound, for Instagram,
                Facebook and LinkedIn feeds. Three of them show Pro pricing
                (cant-lie, free-forever, black-friday). Check salesdrawer.com/pricing/
                before running those.
  sales-drawer-demo-1280x800.mp4   6.6 s: the drawer slides open and an item is added to the cart
  sales-drawer-demo-800x500.gif    the same clip as a looping GIF

07-brand-sheet/  Sales-Drawer-Brand-Sheet.pdf (one page) and a PNG preview

08-source/  Editable HTML templates, SVG logos and the build script


USING THE BANNERS WITH YOUR AFFILIATE LINK
- Link the whole banner to your referral URL. Every banner has a "Try free" button
  in a clear area with nothing layered over it, so link overlays and tracking
  pixels won't cover any text.
- Upload the 1x file at the slot's exact size. Use @2x only if your ad server
  supports high-DPI creatives.
- Get your referral links from your Freemius affiliate dashboard. Apply at
  https://salesdrawer.com/affiliates/


RULES (please read)
- No invented reviews, star ratings, install or customer counts, testimonials or results.
- Only quote prices from salesdrawer.com/pricing/. If you can't keep prices current,
  use the no-price banners.
- Don't imply that WooCommerce or Automattic makes, endorses or sponsors Sales Drawer.
- Don't alter the logo: no recolouring, stretching or effects.
- Screenshots show a fictional demo store ("Harbor & Pine"). The analytics screenshot
  uses illustrative demo data, not customer results. Don't present it as a real
  store's performance.


EDITING (08-source)
Open 08-source/src/creative.html in Chrome with URL parameters, for example:
  creative.html?f=thumb&h=Your headline with *highlight*&k=Your kicker
  creative.html?f=300x250&v=B&p=0
Parameters: f = format (728x90 300x250 336x280 160x600 300x600 320x50 970x250
og 1080sq 1080x1350 story thumb hero), v = A|B, p = 1 to add the price line,
h = custom headline (*word* is highlighted), k = kicker chip, t = A (dark) | B (light).
Take a screenshot of the #c element at its exact size, or run
"node scripts/build.cjs" (needs Node + Playwright).

Fonts are Bricolage Grotesque, Public Sans and IBM Plex Mono, all free on Google Fonts.

Product photos in the demo store come from Unsplash (Unsplash License).
Sales Drawer is developed independently and is not affiliated with, endorsed by or
sponsored by Woo or Automattic. WooCommerce is a trademark of WooCommerce, Inc.
