Graafiset ohjeet

RotaryMoE_RGB

Mark of Excellence

Rotaryn Rotary visual guide ladattavissa tästä, käytä näitä ohjeita klubisi toiminnassa – Upload Rotary visual guide to use in your club.

Logot – logos

  • Rotary logo (Mark of Excellence Gold) lataa, RGB, 1050 x 1050 pix, png, 72 kt
  • Rotary logo (Mark of Excellence Azure sin.) lataa, RGB, 1050 x 1050 pix, png, 70 kt
  • Rotary logo (Mark of Excellence Black) lataa, RGB, 1050 x 1050 pix, png, 73 kt
  • Rotary logo (Logo Gold) lataa, RGB,  1597 x 600 pix, png, 58
    RotaryMBS_RGB

    Rotary Logo

    kt

  • Rotary logo (Logo Azure) lataa, RGB, 1597x 600 pix, png, 73 kt
  • Rotary logo (Logo Black) lataa, RGB, 1597 x 600 pix, png, 73 kt
  • Logojen parempilaatuiset eps-versiot voit ladata RI:n Media Centeristä – you can upload the better quality eps-versions from Media Center

 

colour-codes

Rotary International värimaailma – Rotary International colour world

Rotary_Internatinal_Graafiset_ohjeet_2014 (8.226 kt A4 PDF)

  • Päävärit – Main colours
    • Azuce,   Hex #005daa,   RGB 0, 93, 170;   CMYK 99, 47 ,0, 0
    • Sky Blue,   Hex #01b4e7,   RGB 1, 180, 231;   CMYK 96, 0, 6, 0
    • Royal Blue,  Hex #17458f,   RGB 23, 69, 143; CMYK 100, 80, 9, 2
    • Gold,   Hex #f7a81b,   RGB 247, 168, 27;   CMYK 0, 41, 100, 0
  • Tukivärit – supporting colours
    • Cranberry,   Hex #d91b5c,   RGB 217, 27, 92,   CMYK 0, 100, 22, 0
    • Turquoise,   Hex #009999,    RGB 0, 153, 153,   CMYK 90, 0, 38, 0
    • Violet,   Hex #872175,   RGB 135, 33, 117;   CMYK 57, 91, 0, 0 
    • Orange,   Hex #ff7600,    RGB 255, 118, 0;   CMYK 0, 68, 95, 0
  • Pastellit – pastels
    • Slate,   Hex #687d90;   RGB 104, 125, 144;   CMYK 68, 46, 30, 13
    • Mist,   Hex #9ea6b4;   RGB 158, 166, 180;   CMYK 42, 26, 18, 4
    • Lavender,   Hex #c6bcd0;   RGB 198, 188, 208;   CMYK 17, 20, 0, 8
    • Powder Blue,   Hex #c9dee9;   RGB 201, 222, 233; CMYK 28, 4, 0 ,0
    • Moss,   Hex #a7aca2; RGB 167, 172, 162; CMYK 36, 23, 30, 0
    • Taupe,   Hex #d9c89e;   RGB 217, 200, 158; CMYK 13, 16, 35, 0
  • Neutraalit – neutrals
    • Black,   Hex #000000;   RGB 0, 0, 0;   CMYK 0, 0, 0, 100
    • White,   Hex #ffffff;   RGB 255, 255, 255;   CMYK 0, 0, 0, 0
    • Charcoal,   Hex #58585a;   RGB 88, 88, 90;   CMYK 15, 0, 0, 60
    • Pewter,   Hex #919295;   RGB 145, 146, 149;   CMYK 10, 0, 0, 50
    • Smoke,   Hex #bcbdc0;   RGB 188, 189, 192;   CMYK 0, 0, 0, 33
    • Silver,   Hex #e7e7e8;   RGB 231, 231, 232;   CMYK 14, 10, 16, 0
    • Storm,   Hex #675d58;   RGB 103, 93, 88;   CMYK 51, 46, 45, 19
    • Ash,   Hex #958d85;   RGB 149, 141, 133; CMYK 41, 38, 37, 8
    • Platinium,   Hex #c5c1bb;   RGB 197, 193, 187; CMYK 25, 22, 28, 0
    • Cloud,   Hex #e6e5d8;   RGB 230, 229, 216;   CMYK 15, 12, 17, 0

Website settings (CSS) (osa asetuksista; CSS-tiedostoja osaavalle)

html font family sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;

h1
font-size: 2em;
margin: 0.5em 0;

body

background-color: #f9f9f9; font-family: ’Roboto’, sans-serif; font-size: 16px;
font-weight: 300;  line-height: 1.8; color: #58585a;

Global margins & paddings

ul, ol, h1, h2, h3, h4, h5, h6, pre, table,
.gallery, blockquote, margin-bottom: 10px;

p = margin-top: 0px; margin-bottom:0px; padding-bottom: 5px;

p:last-item  margin-bottom: 10px;

Headings

h1 color: #005daa;  font-size: 28px;

h2 color: #17458f;  font-size: 24px;

h3 color: #121212;  font-size: 20px;

h4 color: #121212;  font-size: 18px;

h5 color: #17458f;  font-size: 15px;
h6 color: #d91b5c;  font-size: 15px;

font-weight: 700; line-height: 1.2;

h1 a,  h2 a, h3 a, h4  color: #01b4e7;

.entry-title margin: 17px 0 20px 0;

Teema tesseract:

.tesseract-featured .entry-title
color: #fff; font-size: 75px; position: relative; text-align: center; top: 35%;
-webkit-transform: translateY(-35%);
transform: translateY(-35%);
z-index: 1;

Links

a     color: #199cd8; text-decoration: none; #content a:hover color: #adacac;

Layout

#footer-banner max-width: 1120px;,.

Responsive design

@media screen and (max-width: 1120px)

#sidebar-footer, #content, #masthead padding: 0 20px;

#sidebar-footer aside width: 50%!important; padding: 0; border-width: 1px 0 1px 0;

#sidebar-footer aside.odd:last-child { width: 100%!important; }

@media screen and (max-width: 800px)

#primary, #secondary { width: 100%; padding: 0!important;

@media screen and (max-width: 620px)

#sidebar-footer aside  width: 100%!important;

@media screen and (max-width: 480px)

#sidebar-footer aside  width: 100%!important;