layermetry brand kit

What is here
  layermetry-logo.svg         the lockup for light backgrounds: the mark and a black word
  layermetry-logo-white.svg   the lockup for dark backgrounds: the mark with lighter sides and a white word
  layermetry-icon.svg         the mark alone, for light backgrounds
  layermetry-icon-white.svg   the mark alone, for dark backgrounds
  layermetry-icon-tile.svg    the mark in a dark rounded tile. Works on any background.
                              For app icons and profile pictures, where a picture must fill a square.
  png/                        the same in fixed sizes, transparent, plus two previews
                              showing the clear space to leave around the lockup
  social/                     a profile picture (1024), a share picture for links (1200 x 630),
                              an X header (1500 x 500) and a LinkedIn cover (1128 x 191)

The mark is a twisted square: a square base seen from above, lit from the top left, with a
teal square on top, turned 30 degrees. A darker teal edge on the two lower sides of the teal
square makes it read as a plate lying on the base: one layer, turning around one centre.

It is drawn in flat colours, so it works on any background and at any size, down to 16 px.
It comes in two colourings. On a light background the right and bottom sides are dark. On a
dark background all four sides are lighter, so the right and bottom sides still show.

The wordmark is Geist 600 with the letters drawn slightly closer together (-0.03em),
which is what the website itself uses.

Colours
  teal, the top square     #26d0ce, with the edge #1ba9a7
  sides on light           top #a8c8c8, left #85a7a8, right #3f5d5f, bottom #1e3a3b
  sides on dark            top #ccd7d7, left #bccbcb, right #84a3a4, bottom #567576
  teal, as text            #0e7a79 on light, #4ee0de on dark
  ink                      #0a0a0b on light, #f5f5f7 on dark
  paper                    #ffffff on light, #0a0a0a on dark
  tile                     #14272a at the top to #050507 at the bottom

Please do
  leave clear space around the mark, at least half its height
  use the -white files on dark backgrounds and the others on light ones
  scale from the SVG wherever you can
  at 16 px use layermetry.com/favicon.ico or /icon-16.png: it is drawn by hand for that size

Please do not
  put the light-background mark on a dark background: its right and bottom sides disappear
  recolour the mark, or change the light direction (it comes from the top left)
  stretch, rotate, outline or add a shadow or a glow to it
  rebuild the wordmark in another typeface, or change the gap between mark and word

The current version of this page: https://layermetry.com/brand
