--- title: "Brand resources | RootWright" description: "RootWright LMS logos for light and dark backgrounds, the brand colours with HEX and RGB codes, and icons, as PNG and SVG downloads." canonical: "https://rootwrightlms.com/brand/" last_modified: "2026-10-20T23:01:46+00:00" --- # Brand resources. Logos, colours and icons. Writing about RootWright LMS, or listing it on your site? Use these versions of the logo, the colour codes and the icons. Each one comes as a PNG and as an SVG. ## Guidelines Start here: how the mark is built, the lockups, colours, type, backgrounds and what not to do, in 13 pages. **Brand guidelines** PDF · 13 pages · 1.8 MB [Download the guidelines](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-brand-guidelines-vector.pdf) **Brand one-pager** PDF · A4 · 200 KB [Download the one-pager](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-brand-one-pager-a4-vector.pdf) ## Logos Use the horizontal logo by default, the stacked one where space is square or tall, and the one-colour versions only where printing or the medium limits colour. ![Horizontal, on light](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-full-color-on-light-vector.svg) ### Horizontal, on light The primary logo, for Paper, Cream or white. [Download PNG 1200×257](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-full-color-on-light-1200x257.png) [Download SVG](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-full-color-on-light-vector.svg) ![Horizontal, on dark](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-full-color-on-dark-vector.svg) ### Horizontal, on dark The primary logo for Ink, with the name in Cream. [Download PNG 1200×257](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-full-color-on-dark-1200x257.png) [Download SVG](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-full-color-on-dark-vector.svg) ![Stacked, on light](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-stacked-full-color-on-light-vector.svg) ### Stacked, on light For square or tall spaces. [Download PNG 800×568](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-stacked-full-color-on-light-800x568.png) [Download SVG](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-stacked-full-color-on-light-vector.svg) ![Stacked, on dark](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-stacked-full-color-on-dark-vector.svg) ### Stacked, on dark For square or tall spaces on Ink. [Download PNG 800×568](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-stacked-full-color-on-dark-800x568.png) [Download SVG](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-stacked-full-color-on-dark-vector.svg) ![One colour, black](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-one-color-black-vector.svg) ### One colour, black Where only one colour prints. The symbol is cut out of the plate. [Download PNG 1200×257](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-one-color-black-1200x257.png) [Download SVG](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-one-color-black-vector.svg) ![One colour, white](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-one-color-white-vector.svg) ### One colour, white One colour on dark grounds. [Download PNG 1200×257](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-one-color-white-1200x257.png) [Download SVG](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-one-color-white-vector.svg) ## The mark The plate, the radical and three books. Use it alone where the name is already present. ![Full colour](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-full-color-vector.svg) ### Full colour The default, on light or dark. [Download PNG 512×512](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-full-color-512x512.png) [Download SVG](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-full-color-vector.svg) ![Flat](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-flat-vector.svg) ### Flat No gradient, for embroidery, spot print and UI fills. [Download PNG 512×512](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-flat-512x512.png) [Download SVG](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-flat-vector.svg) ![One colour, ink](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-one-color-ink-vector.svg) ### One colour, ink For one-colour print on light grounds. [Download PNG 512×512](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-one-color-ink-512x512.png) [Download SVG](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-one-color-ink-vector.svg) ## Brand colours Greens, cream and ink. The button under each colour copies its code. CMYK values are direct conversions; check them against your printer’s profile before a print run. Root gradient The mark’s plate only, at 135°. Not for large backgrounds. **From** #2E9865 **To** #0D5450 Root Green Gradient start. Primary brand green. **HEX** #2E9865 **RGB** 46 152 101 **CMYK** 70 0 34 40 Deep Teal Gradient end. Dark accents, theme colour. **HEX** #0D5450 **RGB** 13 84 80 **CMYK** 85 0 5 67 Root Green Flat Single-colour plate when a gradient can't be used (embroidery, spot print, UI fills). **HEX** #1E765B **RGB** 30 118 91 **CMYK** 75 0 23 54 Moss Links, small accent text on light backgrounds. **HEX** #1F6F4A **RGB** 31 111 74 **CMYK** 72 0 33 56 Cream Mark symbol colour. Light surfaces. **HEX** #F6F3EC **RGB** 246 243 236 **CMYK** 0 1 4 4 Paper Default light background. **HEX** #EDE9DF **RGB** 237 233 223 **CMYK** 0 2 6 7 Ink Primary text. Default dark background. **HEX** #14231E **RGB** 20 35 30 **CMYK** 43 0 14 86 Slate Secondary text on light backgrounds. **HEX** #4E5C55 **RGB** 78 92 85 **CMYK** 15 0 8 64 Sage Secondary text on dark backgrounds. **HEX** #9FB3A8 **RGB** 159 179 168 **CMYK** 11 0 6 30 The palette for your tools: [CSS](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-colors.css) [SCSS](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-colors.scss) [JSON](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-colors.json) [Tailwind](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/tailwind-colors.js) [ASE](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms.ase) [GPL](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms.gpl) ## Icons Square versions for app stores, plugin directories and browser tabs. ![App icon](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/android-chrome-512x512.png) ### App icon For app stores and home screens. [Download PNG 1024×1024](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/app-icon-1024x1024.png) ![Plugin icon](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/icon.svg) ### Plugin icon As it appears on WordPress.org. [Download PNG 256×256](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/icon-256x256.png) [Download SVG](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/icon.svg) ![Favicon](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/favicon.svg) ### Favicon For the browser tab. [Download SVG](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/favicon.svg) [Download PNG 48×48](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/favicon-48x48.png) [Download ICO](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/favicon.ico) ## Motion For videos about RootWright LMS: the animated logo to open or close them, a corner watermark, and a lower third for names. ### Animated logo, on light Four and a half seconds, ending on the logo and the tagline. Silent, for intros and outros. [Download MP4 1920×1080](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-intro-light-1920x1080-30fps.mp4) [Download MP4 4K](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-intro-light-3840x2160-30fps.mp4) [Download GIF 960×540](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-intro-light-960x540-15fps.gif) ### Animated logo, on dark The same intro on Ink. [Download MP4 1920×1080](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-intro-dark-1920x1080-30fps.mp4) [Download MP4 4K](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-intro-dark-3840x2160-30fps.mp4) [Download GIF 960×540](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-intro-dark-960x540-15fps.gif) ![Video watermark](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/video-watermark-full-color-vector.svg) ### Video watermark For a corner of the frame. Use the white one over footage. [Download SVG full colour](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/video-watermark-full-color-vector.svg) [Download PNG 1024×1024](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/video-watermark-full-color-1024x1024.png) [Download SVG white](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/video-watermark-one-color-white-vector.svg) [Download PNG white, 1024×1024](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/video-watermark-one-color-white-1024x1024.png) ![Lower third](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/lower-third-light-1920x1080.png) ### Lower third A name bar for interviews and demos. The SVGs have live text to edit (install the brand fonts first). [Download PNG light](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/lower-third-light-1920x1080.png) [Download PNG dark](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/lower-third-dark-1920x1080.png) [Download SVG light, editable](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/lower-third-light-editable-live-text.svg) [Download SVG dark, editable](https://rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/lower-third-dark-editable-live-text.svg) ## Type Three typefaces, all free under the SIL Open Font License. The wordmark is Familjen Grotesk: “RootWright” in SemiBold, “LMS” in Regular. **Familjen Grotesk** Display · SemiBold. Headlines, the wordmark, numbers that need weight. [Google Fonts](https://fonts.google.com/specimen/Familjen+Grotesk) **Hanken Grotesk** Text · Regular, Medium and SemiBold. Paragraphs, labels and buttons. [Google Fonts](https://fonts.google.com/specimen/Hanken+Grotesk) **IBM Plex Mono** Labels · Eyebrows, metadata and code, in capitals with wide tracking. [Google Fonts](https://fonts.google.com/specimen/IBM+Plex+Mono) ## Using the logo Use the supplied files and keep the mark as supplied. - Keep clear space equal to a quarter of the mark’s width on every side. - Minimum sizes: the mark 16px (6mm), the horizontal logo 120px (30mm), the stacked logo 64px (18mm). - Place it on Paper, Cream, white or Ink. Not on brand green, and not on loud or busy backgrounds. - Don’t stretch, rotate, mirror or rearrange it, recolour or outline the plate, add shadows or effects, or retype the wordmark. Need another format or size? Write to [hello@rootwrightlms.com].