Tools for Enlightenment brand assets
====================================

The full brand kit, with live specimens and every value below in context,
is at https://toolsforenlightenment.org/brand

The files in this archive are free to use when writing or speaking about
Tools for Enlightenment and Spot. Please use them rather than rebuilding the marks.

The wordmarks are outlined
--------------------------

Every wordmark here ships as vector outlines, not live text. Nothing needs
a font installed to open, place or print these files, and there is nothing
to re-typeset. Redaction, the typeface the wordmarks are drawn from, is
licensed from MCKL and is not ours to redistribute.

Contents
--------

  Tools for Enlightenment lockup
    tools-for-enlightenment-lockup.svg  tools-for-enlightenment-lockup@1x.png  tools-for-enlightenment-lockup@2x.png

  Tools for Enlightenment lockup, light
    tools-for-enlightenment-lockup-light.svg  tools-for-enlightenment-lockup-light@1x.png  tools-for-enlightenment-lockup-light@2x.png

  Spot lockup
    spot-lockup.svg  spot-lockup@1x.png  spot-lockup@2x.png

  Spot lockup, light
    spot-lockup-light.svg  spot-lockup-light@1x.png  spot-lockup-light@2x.png

  Mark
    mark.svg  mark@1x.png  mark@2x.png

The PNGs have transparent backgrounds.

Color
-----

  Brand. Identical in light and dark, so the mark never changes.
    Brand blue            #A0D2FA               --brand-blue

  Light interface. The canonical published palette.
    Background            #ffffff               --background
    Foreground            #000000               --foreground
    Foreground highlight  #000000               --foreground-highlight
    Muted                 #525252               --muted
    Accent                #737373               --accent
    Border                rgba(0, 0, 0, 0.06)   --border

  Dark interface. Used when the site renders in dark mode.
    Background            #111315               --background
    Foreground            #f7f7f8               --foreground
    Foreground highlight  #ffffff               --foreground-highlight
    Muted                 #b8bbc2               --muted
    Accent                #969aa2               --accent
    Border                rgba(255, 255, 255, 0.16)  --border

Clear space
-----------

Leave at least the height of the mark clear on all four sides of a lockup
or the mark.

Minimum size
------------

Below these widths the globe stops reading. Each is a rendered width, in
CSS pixels or the print equivalent.

  Tools for Enlightenment lockup   248px
  Spot lockup               80px
  Mark                      24px

Do
--

  Use the supplied files
    Download the lockup and place it at its supplied proportions.

  Keep clear space
    Leave at least the height of the mark clear on all four sides.

  Use the light variant on dark
    Over photography or a dark background, use the white lockup. The mark stays blue.

  Capitalize the names in text
    Write Tools for Enlightenment and Spot. The lowercase belongs to the logotype and stays there.

Don't
-----

  Recolor the mark
    The globe is always #A0D2FA. The wordmark is black or white, nothing else.

  Distort the lockup
    No stretching, rotating, skewing or adding effects.

  Re-typeset the wordmark
    Do not rebuild it from the font or change its letter-spacing. Use the file.

  Restyle the names
    Not "SPOT", not "Tools" on its own, and not "spot.insure" as the product name.
