Visuell identitet
Hur vi ser ut
OM VÅR VISUELLA IDENTITET
Vårt designsystem består av flera olika verktyg som tillsammans utgör den visuella identiteten — logotyp, typografi, färger, grafiska element och bilder.
LOGOTYP
Lorem ipsum dolor sit amet. Ad rerum rerum qui ducimus animi est dolor repellat est soluta nobis. Sed voluptates error rem perferendis quis et velit dolor et omnis vero nam magnam velit ut dolore ducimus.
Ad soluta commodi sit Quis doloribus quo consequuntur internos. Non error ipsam sit similique maxime aut ipsa commodi et aliquam consectetur! Et nobis excepturi non saepe quos ut omnis rerum et voluptates iure ea tenetur accusamus.
Frizon
Lorem ipsum dolor sit amet. Ad rerum rerum qui ducimus animi est dolor repellat est soluta nobis. Sed voluptates error rem perferendis quis et velit dolor et omnis vero nam magnam velit ut dolore ducimus.
Ad soluta commodi sit Quis doloribus quo consequuntur internos. Non error ipsam sit similique maxime aut ipsa commodi et aliquam consectetur! Et nobis excepturi non saepe quos ut omnis rerum et voluptates iure ea tenetur accusamus.
Användning
Lorem ipsum dolor sit amet. Ad rerum rerum qui ducimus animi est dolor repellat est soluta nobis. Sed voluptates error rem perferendis quis et velit dolor et omnis vero nam magnam velit ut dolore ducimus.
Ad soluta commodi sit Quis doloribus quo consequuntur internos. Non error ipsam sit similique maxime aut ipsa commodi et aliquam consectetur! Et nobis excepturi non saepe quos ut omnis rerum et voluptates iure ea tenetur accusamus.
Vår huvudlogotyp
Våra alternativa logotyper
Placering
Lorem ipsum dolor sit amet. Ad rerum rerum qui ducimus animi est dolor repellat est soluta nobis. Sed voluptates error rem perferendis quis et velit dolor et omnis vero nam magnam velit ut dolore ducimus.
Ad soluta commodi sit Quis doloribus quo consequuntur internos. Non error ipsam sit similique maxime aut ipsa commodi et aliquam consectetur! Et nobis excepturi non saepe quos ut omnis rerum et voluptates iure ea tenetur accusamus.
Do's & Don'ts
Lorem ipsum dolor sit amet. Ad rerum rerum qui ducimus animi est dolor repellat est soluta nobis. Sed voluptates error rem perferendis quis et velit dolor et omnis vero nam magnam velit ut dolore ducimus.
Ladda ner
TYPOGRAFI
Huvudtypsnitt
Vår visuella identitet bygger på en noggrant utvald typografisk palett som kombinerar modernitet med tidlös elegans.
De tre huvudtypsnitten är:
- Loreum Ipsum
Lorem ipsum dolor sit amet. Ad rerum rerum qui ducimus animi est dolor repellat est soluta nobis. Sed voluptates error rem perferendis quis et velit dolor et omnis vero nam magnam velit ut dolore ducimus. - Loreum Ipsum
Lorem ipsum dolor sit amet. Ad rerum rerum qui ducimus animi est dolor repellat est soluta nobis. Sed voluptates error rem perferendis quis et velit dolor et omnis vero nam magnam velit ut dolore ducimus. - Loreum Ipsum
Lorem ipsum dolor sit amet. Ad rerum rerum qui ducimus animi est dolor repellat est soluta nobis. Sed voluptates error rem perferendis quis et velit dolor et omnis vero nam magnam velit ut dolore ducimus.
Typsnitt för digital användning
För vår webbplats har vi valt Galano-familjen som digitala typsnitt. Med sin moderna och mångsidiga design säkerställer Galano en tydlig och konsekvent användarupplevelse online.
Typsnittsfamiljen består av:
- Galano Brödtext
Huvudtypsnittet för brödtext och längre avsnitt. Dess enkla och rena utformning ger utmärkt läsbarhet och en lugn typografisk rytm som passar perfekt för digitala skärmar. - Galano Bold
Används för rubriker, knappar och andra viktiga element. Med sin kraft och tydlighet lyfter det fram centrala budskap och skapar visuell hierarki. - Galano Grotesque
Ett mångsidigt komplement som används för mindre detaljer, såsom bildtexter, länkar och metadata. Dess moderna uttryck förstärker webbplatsens professionella känsla.
FÄRGER
Färgpalett
Lorem ipsum dolor sit amet. Ab rerum quibusdam qui galisum iste eos explicabo blanditiis. Eos voluptas nesciunt et voluptatibus architecto est velit incidunt et rerum galisum ut necessitatibus odit rem aliquid molestiae.
Est fuga galisum qui facere molestiae et galisum fuga. In repellat culpa sit incidunt alias aut Quis distinctio non facilis molestiae est deleniti voluptas. Et tenetur placeat et ducimus fugiat 33 veniam tempore sed voluptate deleniti. Ut veniam aliquam quo dolorem quisquam aut eaque velit et libero facere!
Färgsystem
CMYK används vid fyrfärgstryck.
PMS (Pantone Matching System) används när man trycker med en eller flera färger.
RGB används till digitala applikationer.
Grundfärger
CMYK: 0, 88, 85, 36
RGB: 237, 28, 36
Pantone: 485 C
HEX: #ED1c24
CMYK: 0, 82, 58, 63
RGB: 95, 17, 40
Pantone: 7645 C
HEX: #5F1128
CMYK: 0, 0, 0, 100
RGB: 0, 0, 0
Pantone: Process Black
HEX: #000000
CMYK: 0, 0, 0, 50
RGB: 178, 178, 178
Pantone: Cool Gray 4
HEX: #b2b2b2
CMYK: 0, 0, 0, 0
RGB: 255, 255, 255
HEX: #ffffff
Sekundärfärger
CMYK: 0, 4, 3, 4
RGB: 245, 236, 237
Pantone: 663 C
HEX: #F5EDED
CMYK: 0, 3, 6, 2
RGB: 250, 242, 234
Pantone: 7499 C
HEX: #FAF2EA
Lorem ipsum dolor sit amet. Sit eaque reprehenderit non aspernatur perspiciatis vel eius voluptas non labore quibusdam qui cupiditate nesciunt. Et ratione blanditiis ea consectetur illo et necessitatibus magni ut enim blanditiis et eligendi repudiandae. Et nemo necessitatibus et enim repellendus est corrupti praesentium sed voluptas quia.
Komplementfärger digitalt
För att skapa en dynamisk och användarvänlig upplevelse online har vi definierat ett urval av kompletteringsfärger som endast används på webbplatsen. Dessa färger kompletterar vår huvudpalett och hjälper till att lyfta fram specifika element, skapa kontrast och guida användaren genom digitalt innehåll.
Kompletteringsfärgerna används sparsamt och strategiskt för att säkerställa att webbplatsens design förblir tydlig och i linje med vår visuella identitet. De stärker upplevelsen utan att konkurrera med huvudfärgerna, vilket upprätthåller ett konsekvent och harmoniskt uttryck.
Bakgrund (Primär) och Text (Sekundär)
HEX: #ffffff
Bakgrund (Sekundär)
HEX: #F5EDED
Text (Primär), Rubrik, Text länk och svart
HEX: #222222
Bakgrund (Alt. 3)
HEX: #FAF2EA
Rubrik (Maskot)
HEX: #5F1128
Knapp / Hoover, Textlänk / hoover, Text / Hoover och tagg
HEX: #5F1128
Border
HEX: #0000001A
Image Overlay
HEX: #00000066
Footer
HEX: #5F1128
Knapp
HEX: #ED1c24
Payoff
Lorem ipsum dolor sit amet. Ea veritatis voluptatem et aperiam natus eos consequuntur sequi. Ea dolorem ipsam vel voluptas voluptas aut voluptas quos. In quisquam mollitia ea error cumque qui soluta temporibus qui possimus velit.
Lorem ipsum dolor sit amet. Aut excepturi maxime et quia aspernatur et nisi cupiditate et deleniti expedita ut repellendus quam. Hic consequatur natus quo iusto illum aut consectetur quidem non corporis molestiae.
Quo quidem illum ex impedit nihil ut culpa magnam et voluptate perspiciatis non similique magni! Et tempora esse et magni tenetur et architecto omnis qui consequatur nulla At nulla doloremque qui Quis harum.
Ut eius labore in quasi quaerat et quos doloremque. 33 debitis optio sed provident incidunt quo esse voluptatem ab natus minus qui porro delectus sit velit quibusdam!
Ladda ner
Grafiska element
Loreum Ipsum
Lorem ipsum dolor sit amet. Ea veritatis voluptatem et aperiam natus eos consequuntur sequi. Ea dolorem ipsam vel voluptas voluptas aut voluptas quos. In quisquam mollitia ea error cumque qui soluta temporibus qui possimus velit. Qui sint tempora sit sunt sequi ut dolorum sint ea excepturi expedita vel omnis consequuntur et culpa amet.
Et officia beatae qui voluptatem quis ut eaque labore At impedit magni et necessitatibus aliquid ut tempora porro aut similique quae. Ea iusto accusamus et illum quas et temporibus rerum qui quia accusantium ut quas molestiae est nobis minus et dignissimos recusandae. Aut accusantium omnis qui vero quibusdam est enim odio. Ab quia exercitationem sed laboriosam laborum non dignissimos iusto hic velit reprehenderit in ipsa odit ab internos perspiciatis ut rerum molestiae?
Ladda ner
Bildhållare
Lorem ipsum dolor sit amet. Ea veritatis voluptatem et aperiam natus eos consequuntur sequi. Ea dolorem ipsam vel voluptas voluptas aut voluptas quos. In quisquam mollitia ea error cumque qui soluta temporibus qui possimus velit. Qui sint tempora sit sunt sequi ut dolorum sint ea excepturi expedita vel omnis consequuntur et culpa amet.
Et officia beatae qui voluptatem quis ut eaque labore At impedit magni et necessitatibus aliquid ut tempora porro aut similique quae. Ea iusto accusamus et illum quas et temporibus rerum qui quia accusantium ut quas molestiae est nobis minus et dignissimos recusandae. Aut accusantium omnis qui vero quibusdam est enim odio. Ab quia exercitationem sed laboriosam laborum non dignissimos iusto hic velit reprehenderit in ipsa odit ab internos perspiciatis ut rerum molestiae?
Bildspråk
Lorem ipsum dolor sit amet. Ea veritatis voluptatem et aperiam natus eos consequuntur sequi. Ea dolorem ipsam vel voluptas voluptas aut voluptas quos. In quisquam mollitia ea error cumque qui soluta temporibus qui possimus velit. Qui sint tempora sit sunt sequi ut dolorum sint ea excepturi expedita vel omnis consequuntur et culpa amet.
Et officia beatae qui voluptatem quis ut eaque labore At impedit magni et necessitatibus aliquid ut tempora porro aut similique quae. Ea iusto accusamus et illum quas et temporibus rerum qui quia accusantium ut quas molestiae est nobis minus et dignissimos recusandae. Aut accusantium omnis qui vero quibusdam est enim odio. Ab quia exercitationem sed laboriosam laborum non dignissimos iusto hic velit reprehenderit in ipsa odit ab internos perspiciatis ut rerum molestiae?
ANNONSER
MILJÖ
Fasadskylt
Lorem ipsum dolor sit amet. Ea veritatis voluptatem et aperiam natus eos consequuntur sequi. Ea dolorem ipsam vel voluptas voluptas aut voluptas quos. In quisquam mollitia ea error cumque qui soluta temporibus qui possimus velit. Qui sint tempora sit sunt sequi ut dolorum sint ea excepturi expedita vel omnis consequuntur et culpa amet.
Et officia beatae qui voluptatem quis ut eaque labore At impedit magni et necessitatibus aliquid ut tempora porro aut similique quae. Ea iusto accusamus et illum quas et temporibus rerum qui quia accusantium ut quas molestiae est nobis minus et dignissimos recusandae. Aut accusantium omnis qui vero quibusdam est enim odio. Ab quia exercitationem sed laboriosam laborum non dignissimos iusto hic velit reprehenderit in ipsa odit ab internos perspiciatis ut rerum molestiae?