Resources

Real Life Digital brand resources document
Our branding document ensures consistency in the portrayal of our brand in your own projects.
An example desktop wallpaper
A selection of desktop wallpapers at various resolutions suitable for PC, Macbook, iMac and 4k screens.
Real Life Digital logo printed on textured paper - bottom right are four circles in cyan, magenta, yellow and black  to indicate CMYK files
CMYK logos for use in four colour process print. This .zip folder contains the vanilla and social logos in their standard, diverse and black variations.
Real Life Digital logo printed on textured paper - bottom right is the official pantone logo to indicate pantone files
Pantone logos for use in single colour pantone ink print. This .zip folder contains the vanilla and social logos in their standard, diverse and black variations
Real Life Digital logo printed on textured paper - bottom right are three circles in red, green and blue to indicate RGB files
RGB logos for use on screen and the web. This .zip folder contains the vanilla and social logos in their standard, diverse and black variations.
The raleway font printed in various weights on a crumpled up piece of lined paper
Raleway (multiple weights) in .ttf format for use in offline design software. You should use Google's API to import to web projects (see below).
Real Life Digital's Everything You Need To Know About Responsive Website Design whitepaper
Is your business missing out on opportunities because your website doesn't work on a mobile phone or tablet? This whitepaper is everything you need to know.

How to import Raleway in to your web environment

HTML Import

To include the font in your HTML add this code inside your head tags:

<link href="https://fonts.googleapis.com/css?family=Raleway:400,800" rel="stylesheet">

CSS Import

If you want to include the font in your CSS use the following but ensure it is the first thing you declare in your CSS file:

@import url('https://fonts.googleapis.com/css?family=Raleway:400,800');

Drupal 8

In Drupal 8 themes you can now include external fonts in your libraries.yml by adding the following to bottom of the file:

fonts:
  css:
    theme:
      //fonts.googleapis.com/css?family=Raleway:400,800: { type: external }

Usage

To call the font in your CSS use:

font-family: 'Raleway', Arial, sans-serif;
font-weight: 400;

To use the extra-bold simply alter the font weight:

font-weight: 800;

We do not explicitly include the italicised versions of each weight due to the performance implications but you can still call italics on either weight and the browser will handle the display:

font-style: italic;