Stackship varumärke & riktlinjer

Hitta officiella varumärkesriktlinjer för Stackship – logotyper, färger och användningsregler. Allt ni behöver för att representera Stackship korrekt och konsekvent i alla kanaler.

Varumärkesresurser

Officiella Stackship-logotyper.

Horisontell logotyp (ljus)

Horisontell logotyp (ljus)

Primär horisontell logotyp för ljusa bakgrunder

SVG
Horisontell logotyp (mörk)

Horisontell logotyp (mörk)

Horisontell logotyp för mörka bakgrunder

SVG
Horisontell logotyp (vit)

Horisontell logotyp (vit)

Horisontell vit logotyp

SVG
Horisontell logotyp (svart)

Horisontell logotyp (svart)

Horisontell svart logotyp

SVG
Vertikal logotyp

Vertikal logotyp

Primär vertikal logotyp för ljusa bakgrunder

SVG
Vertikal logotyp (mörk)

Vertikal logotyp (mörk)

Vertikal logotyp för mörka bakgrunder

SVG
Vertikal logotyp (vit)

Vertikal logotyp (vit)

Vertikal vit logotyp

SVG
Vertikal logotyp (svart)

Vertikal logotyp (svart)

Vertikal svart logotyp

SVG
Symbol

Symbol

Stackship-symbol/märke för användning som ikon

SVG
Symbol (vit)

Symbol (vit)

Vit Stackship-symbol/märke för användning som ikon

SVG
Symbol (svart)

Symbol (svart)

Svart Stackship-symbol/märke för användning som ikon

SVG

Färgpalett

Vår färgpalett speglar Stackships fokus på tillförlitlighet och innovation. Använd färgerna konsekvent för att bibehålla varumärkesigenkänning.

Primär blå

Huvudsaklig varumärkesfärg

#0083B3
hsl(196, 100%, 35%)

Användning

Primära knappar, länkar, nyckelelement

Sekundär grön

Accentfärg

#00C28E
hsl(164, 100%, 38%)

Användning

Sekundära knappar, highlights, lyckade tillstånd

Bakgrund vit

Primär bakgrund

#FFFFFF
hsl(0, 0%, 100%)

Användning

Huvudbakgrund, kort, innehållsytor

Mörk bakgrund

Sekundär bakgrund

#0D1117
hsl(216, 28%, 7%)

Användning

Hero-sektioner, mörka teman, kontraster

Primär textfärg

Primär textfärg

#020817
hsl(222.2, 84%, 4.9%)

Användning

Brödtext, rubriker, primärt innehåll

Grå kantlinje

Kanter och avdelare

#E9E9E9
hsl(0, 0%, 91.4%)

Användning

Kortkanter, avdelare, subtila linjer

Färgriktlinjer

Primära färger

Använd Primär blå (#0083B3) för huvudåtgärder och nyckelelement. Sekundär grön (#00C28E) för accenter och lyckade tillstånd.

Tillgänglighet

Alla färgkombinationer bör uppfylla WCAG 2.1 AA-kontrastkrav. Testa alltid läsbarhet vid egna färgkombinationer.

Typografi

Stackship använder Poppins som primär teckensnittsfamilj i all varumärkeskommunikation, vilket ger en modern och tillgänglig typografiupplevelse.

Teckensnittsspecifikationer

Teckensnittsfamilj:Poppins
Källa:Google Fonts
Tillgängliga vikter:300, 400, 500, 600, 700
Licens:Open Font License

Implementation

Google Fonts CDN

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

CSS Font Stack

font-family: 'Poppins', sans-serif;

Typografihierarki

Rubrik 1

Används för sidtitlar och primära rubriker

font-size: 2.25rem (36px), font-weight: 700
Rubrik 2

Används för sektionsrubriker

font-size: 1.875rem (30px), font-weight: 600
Rubrik 3

Används för underrubriker

font-size: 1.25rem (20px), font-weight: 500
Brödtext

Används för vanligt innehåll och stycken

font-size: 1rem (16px), font-weight: 400
Liten text

Används för bildtexter och sekundär information

font-size: 0.875rem (14px), font-weight: 400

Varumärkesriktlinjer

Dessa riktlinjer säkerställer konsekvent och effektiv användning av Stackship-varumärket i all kommunikation och alla applikationer.

Frizon & Minsta Storlek

Frizon

Behåll en frizon runt logotypen motsvarande höjden på "S" i Stackship. Detta säkerställer att logotypen behåller sin visuella tyngd och läsbarhet.

Stackship-logotyp med frizon

Minsta storlek

Minsta bredd för den horisontella logotypen är 120px digitalt och 25mm (1 tum) i tryck för att säkerställa läsbarhet.

Digitalt: 120px minsta bredd

Minimum size digital

Tryck: 25mm (1 tum) minsta bredd

✓ Korrekt användning

Korrekt logotypanvändning på ljus bakgrund

Använd på ljusa bakgrunder

Korrekt logotypanvändning på mörk bakgrund

Använd på mörka bakgrunder

  • Använd rätt logotypvariant för bakgrunden
  • Behåll korrekt frizon
  • Behåll ursprungliga proportioner
  • Använd högupplösta filer

✗ Felaktig användning

Förvrängd logotyp

Sträck eller förvräng inte

Logotyp med dålig kontrast

Använd inte fel variant

  • Sträck eller förvräng inte logotypen
  • Använd inte ljus logotyp på ljus bakgrund
  • Placera inte logotypen för nära andra element
  • Använd inte lågupplösta filer

Användningsvillkor

Officiell användning: Dessa tillgångar tillhandahålls för officiell representation av Stackship av anställda, partners och auktoriserade tredje parter.

Tillskrivning: Ingen tillskrivning krävs när ni använder dessa tillgångar för officiell Stackship-kommunikation och material.

Modifieringar: Vänligen modifiera inte logotyperna eller varumärkestillgångarna. Kontakta hello@stackship.se för anpassade krav.

Frågor: För frågor om användningsrättigheter eller anpassade tillgångar, vänligen kontakta vårt varumärkesteam på hello@stackship.se

Stackship Branding & Assets