Huddinge kommun digital styleguide. Värdeord och personlighet

Relevanta dokument
GRAFISK PROFIL. A till Ö. Vi hjälper dig få bitarna på plats!

Grafisk manual för JAK Medlemsbank - Lathund

Profilmanual. version

Grafisk profil för digitala gränssnitt MAJ 2019

ifk osby grafiska riktlinjer vo 1

HUR VI SKAPAR ETT TYDLIGT VARUMÄRKE

Grafisk manual. Logotyp. Typsnitt. Formgivning. Logotypens uppbyggnad. Ikoner och illustrationer

Avsändartillägg Barkarbystaden

Prislista 2016 priser2016

Digital materialspec - CyclingPlus & Allt om MTB


4. Annonser. Tillämpningar utifrån grundelementen i visuella identiteten. Rekryteringsannonser, informationsannonser och webbannonser.

Symbolen ska alltid användas i färg om det är möjligt. Den ska inte vara mindre än 20 mm eftersom den då blir svårläst och otydlig.

MORA GYMNASIUM GRAFISK PROFIL

Grafisk profil. Grafisk profilguide. Version 1.1

GRAFISKA RIKTLINJER. För Horses made in Sweden Foto: Olovisa Almqvist

Västervik Framåt. Grafisk profil 1.0

BJURHOLMS KOMMUN. Antagen av kommunfullmäktige Grafisk profil. Bjurholms kommun

1 GRAFISK MANUAL MATTANKEN GRAFISK MANUAL MATTANKEN. MATtanken OFFENTLIGA MÅLTIDER ALLA AKTÖRER I KEDJAN

Grafisk manual version

Topblock. En del av VERKSAMHET AKTUELLT LÄNKAR DOKUMENT KALENDARIUM BÅTKLUBBAR KONTAKT. Lorem ipsum dolores datum Mälarens Båtförbund OKT 25

3. Kontorstryck och powerpoint. Tillämpningar utifrån grundelementen i visuella identiteten.

GRAFISK MANUAL. Version 1.0; juni 2014

Medfit Designguide 2019

GRAFISK PROFIL. Svenska Kroppskultur Förbundet

SLUTPRESENTATION K3 KONCEPTPLAN OCH GRAFISK PROFIL. Hannes Svensson Amanda Lundius Mörck Ebba Krigström Linda Hurtig Jon Högman

Grafisk manual SVEROK - GRAFISK MANUAL, VERSION

GRAFISK MANUAL LANDSBYGDSNÄTVERKET

ATT ANVÄNDA YRKESAKADEMINS GRAFISKA PROFIL

Visuell identitet Riktlinjer 1 VISUELL IDENTITET RIKTLINJER

GRAFISK Profil. inl4_lisen_a_grafisk_profil_me106a.indd :29

De grafiska reglerna är ett viktigt element i arbetet med att bygga ett starkt varumärke och avsteg får endast göras i samråd med SPEF.

LBS Grafisk profil. Logotyp. Logotypen används med fördel lite oversizad. Ger ett web 2.0 intryck. Färg: 90% svart.

våra grafiska riktlinjer

Visuell identitet Version 2.0. lantbruksforskning.se/visuell-identitet

SMART BUILT ENVIRONMENT GRAFISK MANUAL

logotype huvudlogotype Sirius_GrafiskProfil2012_A4.indd

Valutec Grafisk manual. Grafisk manual

Grafisk identitet föreningen Knepp. Grafisk profilering och formgivning: Hanna Pettersson,

Direktonline. GRAFISK MANUAL

Grafisk manual. Färger, typografi och layoutregler

Visuell identitet Version 2.0. lantbruksforskning.se/grafiskmanual

Grafisk profil. Version 1.0

GRAFISK MANUAL SVEROK - GRAFISK MANUAL, VERSION

Logotypen. Grafisk manual Linköpings universitet innehåll

GRAFISK MANUAL EQUMENIA

I FNUF:s grafiska profil finns information om typsnitt, logga, färger, illustrationer samt mallar för dokument och posters.

GRAFISK MANUAL LEADER LEADER SVERIGE. Lokalt ledd utveckling COPYRIGHT LJUNGS KOMMUNIKATION

FÖR EN PROBLEMFRI DRIFT GRAFISK PROFIL

GRAFISK MANUAL WALLOXSTRAND

Grafisk profilmanual

Grafisk Manual. Dröm Sötts grafiska manual gäller från och med 25 mars 2015

Världens bästa hälsa Profilmanual. Profilmanual Indexator

Lorem ipsum dolor sit aut VISUELL PLATTFORM

Grafisk profil SEPTEMBER 2018

GRAFISKA RIKTLINJER

Grafisk identitet. Trovärdighet. Innehåll. Identifikation

Valutec Grafisk manual

Visuell profil. Framtagen av kommunikatör Anna karlsson: juli 2017

GRAFISK MANUAL TL BYGG VERSION

Digital materialspec - Fitness For Men

Chefer och Ledare grafisk manual

Grafisk manual. LPM potatis

Grafisk manual. Version

Hej och välkommen. Det här är Bostaden.

Bilaga Digital profilmanual

Visuell identitet Grafisk manual 1 GRAFISK MANUAL

INNEHÅLL INLEDNING 3. LogotypEN 4 Varianter, placering, frizon, tagline. Rubrik, brödtext. Färgpalett, gradient

Bilaga Digital profilmanual

1 Grundregler. 2 Trycksaker. 1.1 Logotyp 1.2 Färger 1.3 Typografi 2.1 Visitkort 2.2 Brevpapper 2.3 Kuvert

Grafiska regler för jubileumssymbolen

Färgkodning: Turism & Evenemang. Näringsliv. Kommun & Samhälle. Nya Gällivare

Illustration: Anna Ödlund GRAFISK MANUAL

Logotype Logotypen skall så långt det är möjligt användas i sitt originalutförande (Gulgrön + Svart) med tillhörande branschtext, i undantagsfall kan

VARUMÄRKESPLATTFORM OCH GRAFISK MANUAL

Skriva utbildningsbeskrivningar

GRAFISK PROFIL FÖR KUNGÄLVS KOMMUN

Grafisk Manual. JoyEvent - Hunt and Health

GRAFISKA RIKTLINJER. För Horses made in Sweden Foto: Olovisa Almqvist

Enkel guide till snygg trycksak

TDDD52 CSS. Färger. Färger 1/3/13

Grafisk manual Version 1.0 CTIVE

Grafisk manual Version 1.0 maj 2011

Grafisk Webbprofil. Skrivregler och grafiska riktlinjer för utformning och publicering av Sjökrogen bojens hemsida.

Inviatech Grafisk Profil V kreativ & engagerad samhällsbyggare

Anvisningar beträffande användning av destinationslogotyp

Grafisk manual. Platsvarumärket Skellefteå. Innehåll. 1. Målgrupper... 2

Primär färgpalett. Rött RGB: HEX: #A92B31. Guld RGB: HEX: #AD9469

Grafisk manual. JAK MEDLEMSBANK 2.0 mars 2014

Nacka. Solidariskt, feministiskt och grönt. Vänsterpartiet. Inveles mo dele

GÖRA PÅ SPORTLOVET? maximinctias consequ iatiund itatio. Nequi ipid enis modit etur?

VIDARKLINIKEN GRAFISK MANUAL 2010

Grafisk manual för Västra Götalandsregionens logotyp

Grafisk manual. Regler och mallar. Januari 2013

Allt är Tobbes fel. Grafisk profil för förbundet. Ung Pirat

1. Grundelement visuell identitet. Logotyp, symbol, typografi, färger, dekorelement, avsändare och grundprinciper för placeringar.

GRAFISK PROFIL HJÄLPREDA FÖR GRAFISK PRODUKTION

GRAFISKA RIKTLINJER 1

Logotyp IYFSE har en enkel typsnittslogotyp som presenteras med eller utan den internationella Iyengar Yogaföreningssymbolen.

Logotyp Typsnitt Färger Foto Grafiska element Koncept Budskap Powerpoint Word template...

Transkript:

Värdeord och personlighet

Logotyp

Logotyp storlek Desktop 1440x900 228x64 px Language Kontakt Sök ipad 768X900 180x50 px Language Kontakt Sök Smartphone 400x900 138x39PX Kontakt Sök Meny

kommun digital styleguide Bildmanual

Sociala medier avatar x 1/3x 1/2x

Sociala medier exempel

Färgschema huvudwebb Webbfärger 40% 20% 40% 20% 40% 20% 40% 20% blå RGB #005CA9 turkos RGB #1B828D rosa RGB #C83C96 Svart RGB #333333 40% 20% 40% 20% 40% 20% orange RGB #FF6600 röd RGB #D43232 skogsgrön RGB #008848 Länkfärger röd RGB #E25353 Aktiv länk RGB #B00018

Färgschema subwebb Tema 1 Tema 2 Tema 3 40% 20% 40% 20% 40% 20% 40% 20% blå RGB #085DA9 turkos RGB #1B828D rosa RGB #CE68A5 Svart RGB #333333 40% 20% 40% 20% 40% 20% orange RGB #FF6600 röd RGB #E25353 skogsgrön RGB #009C52 Detta är en textlänk Detta är en textlänk Detta är en textlänk Detta är en aktiv textlänk Detta är en aktiv textlänk Detta är en aktiv textlänk

Färger grafiskt element

kommun digital styleguide Bild grafiskt element

Grid 12 kolumnsgrid, 12 px gutter, 24 px marginal

kommun digital styleguide Ikoner befintliga

Knappar Hover Primärknapp Normal Aktiverad Öppna/Stäng Reglage Checkbox

Komponent Aktiv Länkpil Pil Dropdown Download

Komponent Hover Aktiv Dropdown Dem et qui voluptis esequodis Dem et qui voluptis esequodis Dem et qui voluptis esequodis Imintionsedis et is maiorepuda por ma nimodit vellam quiaspicte nusa dolor omnis ea cuptam Sök Hudding Sök Sök

Navbar Navbar Navbar Sök aktiv Sök

Komponent Header Header aktiv

Komponent Navigation Navigation aktiv

Komponent Puff Puff aktiv

Komponent Länk på färgad platta Länk på färgad platta hover

Komponent Textlänk Textlänk aktiv

Komponent Meny bottenplatta Meny bottenplatta aktiv

Komponent Sociala medier Sociala medier aktiv

Komponent Aktiv Kontaktkortsblock Namn Efternamn Ro beratum a quo volori beatiuntem qui blaudae. Poriani minvell igendit et doluptate quo quame Telefon: 08-5xx xx xx E-post: namn.efternamn@huddinge.se Namn Efternamn Ro beratum a quo volori beatiuntem qui blaudae. Poriani minvell igendit et doluptate quo quame Telefon: 08-5xx xx xx E-post: namn.efternamn@huddinge.se Länkblock Enhetsnamn Enhetsnamn

Text på färgplatta 100% 80% 40% 20%

Typografi desktop Desktop 1440x900 H1 Brando Sans Bold 48/58 H2 Brando Sans Regular 36/44 H3 Brando Sans Regular 28/36 H4 Brando Sans Regular 24/32 H5 Brando Sans Regular 20/28 Punktlista Brando Sans Regular 20/28 Numerisk lista Brando Sans Regular 20/28 Ingress Source Sans Pro Bold 20/28 Brödtext Source Sans Pro Regular 20/28 Textlänk Source Sans Pro Regular 20/28 Textlänk aktiv Source Sans Pro Regular 20/28 Det här är en huvudrubrik (H1) To et aspe es dolum dolupta sit mil maxim que officabo. Itatet latur, to blam, quia aut adita conseque sam (Ingress) Ovidersped quo blandit ibusandae omnim nosam repudam at ma dendis ad molorer orest, cus dolorem repe voluptate impora commolo remporem arum idunt. Simusci mporeperfero cum que qui (Brödtext) Punktlista: (H4) Am elit ommodis dolluptatem es ditint latus es. Detta är en textlänk In num es res ditatem facerum quae rereperum la et, sernam dit perem nihiciistrum quossun tem. Numerisk lista: (H4) 1. Bis aut quam que doluptat que paribea rib danis dollorpor at la dolorere, quuntoriore. Detta är en textlänk som aktiverats 2. Ictat utem volum estis alibuscietur sit Navigationsrubrik (H4) Puffrubrik (H3) Ut et odit ipsant odigend ebitas etur? Animin poressereius debiti consequ amendel im fuga. Sedi velluptatem non elit aut autem repedig enissit.

Typografi desktop

Typografi tablet Desktop 768X900 H1 Brando Sans Bold 36/44 H2 Brando Sans Regular 28/36 H3 Brando Sans Regular 24/32 H4 Brando Sans Regular 20/28 H5 Brando Sans Regular 20/28 Punktlista Brando Sans Regular 20/28 Numerisk lista Brando Sans Regular 20/28 Ingress Source Sans Pro Bold 20/28 Brödtext Source Sans Pro Regular 20/28 Textlänk Source Sans Pro Regular 20/28 Textlänk aktiv Source Sans Pro Regular 20/28 Det här är en huvudrubrik (H1) To et aspe es dolum dolupta sit mil maxim que officabo. Itatet latur, to blam, quia aut adita conseque sam (Ingress) Ovidersped quo blandit ibusandae omnim nosam repudam at ma dendis ad molorer orest, cus dolorem repe voluptate impora commolo remporem arum idunt. Simusci mporeperfero cum que qui (Brödtext) Punktlista: (H3) Am elit ommodis dolluptatem es ditint latus es. Detta är en textlänk In num es res ditatem facerum quae rereperum la et, sernam dit perem nihiciistrum quossun tem. Numerisk lista: (H3) 1. Bis aut quam que doluptat que paribea rib danis dollorpor at la dolorere, quuntoriore. Detta är en textlänk som aktiverats 2. Ictat utem volum estis alibuscietur sit Navigationsrubrik (H3) Puffrubrik (H3) Ut et odit ipsant odigend ebitas etur? Animin poressereius debiti consequ amendel im fuga. Sedi velluptatem non elit aut autem repedig enissit.

Typografi tablet

Typografi mobile Smartphone 375x667 H1 Brando Sans Bold 28/34 H2 Brando Sans Regular 25/30 H3 Brando Sans Regular 20/28 H4 Brando Sans Regular 18/26 Punktlista Brando Sans Regular 18/26 Numerisk lista Brando Sans Regular 18/26 Ingress Source Sans Pro Bold 18/26 Brödtext Source Sans Pro Regular 18/26 Textlänk Source Sans Pro Regular 18/24 Textlänk aktiv Source Sans Pro Regular 18/24 Innehållssida (H1) To et aspe es dolum dolupta sit mil max im que officabo. Itatet latur, to blam, quia aut adita conseque sam (Ingress) Ovidersped quo blandit ibusandae omnim nosam repudam at ma dendis ad molorer orest, cus dolorem repe voluptate impora commolo remporem arum idunt.simusci mporeperfero cum que qui (Brödtext) Punktlista: (H3) Am elit ommodis dolluptatem es ditint latus es tio. Detta är en textlänk In num es res ditatem facerum quae rereperum la et, sernam dit perem nihiciistrum quossun tem. Numerisk lista: (H3) 1. Bis aut quam que doluptat que paribea rib danis dollorpor at la dolorere, quuntoriore. 2. Ictat utem volum estis alibuscietur sit ex et, nem etur. Detta är en textlänk som aktiverats

Typografi mobile