--- 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://staging2.rootwrightlms.com/brand/" last_modified: "2026-11-04T10:38:39+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://staging2.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://staging2.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://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-full-color-on-light-1200x257.png) [Download SVG](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-full-color-on-light-vector.svg) ![Horizontal, on dark](https://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-full-color-on-dark-1200x257.png) [Download SVG](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-full-color-on-dark-vector.svg) ![Stacked, on light](https://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-stacked-full-color-on-light-800x568.png) [Download SVG](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-stacked-full-color-on-light-vector.svg) ![Stacked, on dark](https://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-stacked-full-color-on-dark-800x568.png) [Download SVG](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-stacked-full-color-on-dark-vector.svg) ![One colour, black](https://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-one-color-black-1200x257.png) [Download SVG](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-one-color-black-vector.svg) ![One colour, white](https://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-horizontal-one-color-white-1200x257.png) [Download SVG](https://staging2.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://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-full-color-512x512.png) [Download SVG](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-full-color-vector.svg) ![Flat](https://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-flat-512x512.png) [Download SVG](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-flat-vector.svg) ![One colour, ink](https://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-mark-one-color-ink-512x512.png) [Download SVG](https://staging2.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 CSS linear-gradient(135deg, #2E9865, #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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-colors.css) [SCSS](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-colors.scss) [JSON](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-colors.json) [Tailwind](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/tailwind-colors.js) [ASE](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms.ase) [GPL](https://staging2.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://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/app-icon-1024x1024.png) ![Plugin icon](https://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/icon-256x256.png) [Download SVG](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/icon.svg) ![Favicon](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/favicon.svg) ### Favicon For the browser tab. [Download SVG](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/favicon.svg) [Download PNG · 48×48](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/favicon-48x48.png) [Download ICO](https://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-intro-light-1920x1080-30fps.mp4) [Download MP4 · 4K](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-intro-light-3840x2160-30fps.mp4) [Download GIF · 960×540](https://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-intro-dark-1920x1080-30fps.mp4) [Download MP4 · 4K](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-intro-dark-3840x2160-30fps.mp4) [Download GIF · 960×540](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/rootwright-lms-intro-dark-960x540-15fps.gif) ![Video watermark](https://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/video-watermark-full-color-vector.svg) [Download PNG · 1024×1024](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/video-watermark-full-color-1024x1024.png) [Download SVG · white](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/video-watermark-one-color-white-vector.svg) [Download PNG · white, 1024×1024](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/video-watermark-one-color-white-1024x1024.png) ![Lower third](https://staging2.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://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/lower-third-light-1920x1080.png) [Download PNG · dark](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/lower-third-dark-1920x1080.png) [Download SVG · light, editable](https://staging2.rootwrightlms.com/wp-content/themes/rootwright-lms-site-v7/assets/brand/lower-third-light-editable-live-text.svg) [Download SVG · dark, editable](https://staging2.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. Aa **Familjen Grotesk** Display · SemiBold. Headlines, the wordmark, numbers that need weight. [Google Fonts](https://fonts.google.com/specimen/Familjen+Grotesk) Aa **Hanken Grotesk** Text · Regular, Medium and SemiBold. Paragraphs, labels and buttons. [Google Fonts](https://fonts.google.com/specimen/Hanken+Grotesk) Aa **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].