Style Guide

Logo

Big or small or icon

Fonts

If you’re creating content for run-forest-run.uk, here are the preferred colors, fonts and logos:

Headings               <style=”font-family:Righteous;”>
Body text              <style=”font-family:Quattrocento Sans;”>
url, dates, strapline: <style=”font-family:Maven Pro;”>

#Colors
palleton.com with white background and black text to help visually impaired

  • Dark Green #2e5e2c (46, 94, 44)
  • Light Green #54ad4f (84, 173, 79)
  • Dark Brown #3e2a2c (62, 42, 44)
  • Light Brown #624444 (98, 68, 68)
  • Red #f30600 (243, 6, 0)
  • Flame  #e25822  ()

##Styles

“`html

<pre><code>or
“`css
@import url(https://fonts.googleapis.com/css?family=Maven+Pro:500|Quattrocento+Sans|Righteous);

or

<script type="text/javascript">
WebFontConfig = {
google: { families: [ 'Maven+Pro:500:latin', 'Quattrocento+Sans::latin', 'Righteous::latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); </script>

in any css:

font-family: 'Maven Pro', sans-serif;
font-family: 'Quattrocento Sans', sans-serif;
font-family: 'Righteous', cursive;