--- title: Brand guidelines description: The RUAL logos, colours and typography, with the rules that come with them. Download the logo pack with SVG and WebP files for light and dark backgrounds. url: "https://rual.nl/en/branding" locale: en alternate: "https://rual.nl/branding" updated: 2026-08-03 source: "https://rual.nl" --- # This is what RUAL looks like Writing about us, or using our brand in a presentation or an article? Here are the logos, the colours and the typography, with the rules that come with them. [Download the logo pack](https://rual.nl/site-assets/logos/rual-branding-package.zip) [Get in touch](https://rual.nl/en/contact) ## Logo One wordmark, two colours. Pick whichever variant gives the most contrast against the background underneath. ![The RUAL wordmark in black](https://rual.nl/site-assets/logos/rual-tight-black.svg) — on light ![The RUAL wordmark in white](https://rual.nl/site-assets/logos/rual-tight-white.svg) — on dark - **Space around it** — Keep at least the height of the letter R clear on every side. Nothing in that zone, text included. - **One colour at a time** — The logo is black or white. No gradients, shadows, outlines or colour variants of your own. - **Do not distort it** — Do not stretch, tilt or redraw it. Over busy photography, put a dark overlay under the white logo. ## Downloads The individual files are below. If you want everything at once, take the logo pack: it also carries the WebP versions and the wide banner. ![Logo white, SVG](https://rual.nl/site-assets/logos/rual-tight-white.svg) - **[Logo white, SVG](https://rual.nl/site-assets/logos/rual-tight-white.svg)** — The wordmark cropped tight, for dark backgrounds. Scales without limit. ![Logo black, SVG](https://rual.nl/site-assets/logos/rual-tight-black.svg) - **[Logo black, SVG](https://rual.nl/site-assets/logos/rual-tight-black.svg)** — The same wordmark for light backgrounds, paper and documents. ![Logo white with margin, SVG](https://rual.nl/site-assets/logos/rual-padded-white.svg) - **[Logo white with margin, SVG](https://rual.nl/site-assets/logos/rual-padded-white.svg)** — Clear space already built in. Useful when you place the logo inside a panel or a tile. ![Logo black with margin, SVG](https://rual.nl/site-assets/logos/rual-padded-black.svg) - **[Logo black with margin, SVG](https://rual.nl/site-assets/logos/rual-padded-black.svg)** — The same margin, in black, for light panels and tiles. ![Banner, WebP](https://rual.nl/site-assets/_opt/logos/rual-banner-2-960.webp) - **[Banner, WebP](https://rual.nl/site-assets/logos/rual-banner-2.webp)** — Landscape lockup for social media, headers and presentation slides. - **[The full logo pack, ZIP](https://rual.nl/site-assets/logos/rual-branding-package.zip)** — Every variant in SVG and WebP, plus the banners at high resolution. ## Colour Eight colours carry the whole brand. Blue belongs to Core, green to Projects, and the rest is the canvas underneath. - #0B0E13 Night — page background - #0E1219 Panel — cards and surfaces - #2A78D6 Core blue — primary actions, Core - #539DF8 Signal blue — accents and links, Core - #2F9E75 Projects green — primary actions, Projects - #39B985 Signal green — status and success - #9AA3B2 Mist — secondary text - #F2F4F8 Ice white — light surfaces and logo tiles ## Typography Two type families and a monospace for technical detail. Both are self-hosted, so no font request ever goes to a server outside Europe. **Space Grotesk** — headings & figures We build what moves your business forward. Weights 500 to 700, always with tight tracking (-.02em to -.03em). Weight 700 is reserved for figures. **Inter** — running text Interface and running text are set in Inter. It is self-hosted on our own servers, so a page looks the same on every operating system and no external font requests are needed. Line height 1.6 for body text, 1.65 for lead paragraphs. **Monospace** — technical annotation uptime 99.9% · cluster E-NLD / A+B Only for logs, statuses, measurements and hex codes. Never as a decorative label above a heading. ## The name How to write RUAL, Core, Projects and mssgs. **Like this** - RUAL, always in capitals, mid-sentence included - Core and Projects, without RUAL in front of them in our own material - mssgs, always in lower case **Not like this** - Rual, rual or R.U.A.L. - Sticking RUAL in front of Core or Projects, which says the same thing twice - MSSGS in capitals RUAL is a [registered trademark (1501953)](https://www.boip.int/en/trademarks-register?app=%2Fitem%2Fbx1501953) of Deverence Group B.V. (Dutch Chamber of Commerce 75827816). Use of the mark outside these guidelines only after checking with us. ## Need something that is not here? Press photography, higher resolutions or a different format: one message and it is yours. [Download the logo pack](https://rual.nl/site-assets/logos/rual-branding-package.zip) [Get in touch](https://rual.nl/en/contact)