Isologos & Isotypes
About SVG inline
The inline SVG option keeps the text selectable using the
<text> tag inside it. We highly recommend this version for SEO and accessibility, but you'll need to link the font to Google Fonts. For a better perfomance of your site, only select the characters you will use, in this case:
You can include it in the
<head> like this:
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:700&text=Leniolabs" rel="stylesheet" type="text/css">
This is the main isologo, use it mainly over white or light backgrounds.
Use isotypes if you need to use the brand as an icon. Red dot version is for offline content, we are using it when the device is in offline mode.
Alternatives for dark background
These are a second alternative for when you have no control of the background color.
These versions are only for restricted color options.
The brand font is Roboto Mono Bold (700).
700 Roboto Mono Bold
These are the brand colors:
The brand must be surrounded by a safe area that should be at least 4 times the border width. Currently all files include this margin.
Grid & construction
To build the grid we are using the border width as a unit.
Try to keep the width of the brand at least 100px.