Varumärket Bitwarden

Välkommen till Bitwardens varumärkesriktlinjer. Detta dokument är avsett att dela Bitwardens varumärkesstrategi, detaljera kärnelementen i den visuella identiteten och beskriva hur man skyddar Bitwardens varumärke genom att utforma konsekvent kommunikation över alla medier.

Bläddra i designfilerna

Bitwarden brand promise

Bitwarden promises to deliver reliable, user-friendly, and cutting-edge credential management solutions that empower individuals and organizations to protect their online identities with ease. Bitwarden is committed to prioritizing security, accessibility, and open-source technology while fostering a global community that values transparency, trust, and convenience for a safer and more privacy-conscious digital landscape.

IDENTITET

Bitwardens logotyp

Bitwardens logotyp har två godkända sammansättningar: horisontell och vertikal. När du använder Bitwarden-logotypen kommer den primära och föredragna sammansättningen att vara den horisontella låsningen. I vissa fall när den horisontella logotypen inte fungerar kan en vertikal låsning användas för dessa unika behov.

Ladda ner logotyppaket

Identitet

Logosäkert område

För både horisontella och vertikala låsningar är det viktigt att rätt avstånd ges till Bitwarden-logotypen. För den horisontella logotypen, använd en Bitwarden-sköldbredd för att mäta logotypens rätta avstånd. För den vertikala logotypen, använd "X"-höjden på "Bitwarden"-logotypen för att mäta logotypens rätta avstånd.

Identitet

Låsningar av produktlogotyp

Produkterna under Bitwarden-paraplyet är märkta med sina egna logotyper. Dessa logotyper används endast när du skapar innehåll specifikt för den produkten. Alla andra märkesstilar (färger, typ, etc.) förblir desamma.

Typsnitt

Märkestypsnitt

DM Sans är ett vänligt och karakteriserat typsnitt vars användning är mindre mättad på webben. Dess runda skålar ger texten en lättillgänglig karaktär och knyter an till det rundade identitetssystem som föreslås för Bitwarden. DM Sans, ett Google-typsnitt med öppen källkod, är ett geometriskt san serif-typsnitt med låg kontrast och en stor familj av vikter. Den är avsedd för användning i mindre textstorlekar, men ser också fantastisk ut i större skalor.

Download MontserratDownload Roboto

Färgpalett

Bitwarden Blue is the brand’s recognizable and ownable color that unifies communications and gives the brand a strong identity.

HEX #175DDC | RGB 23 93 220 | CMYK 86% 84% 0% 0%

The secondary Light Grey color should be used to support Bitwarden Blue as much as possible. This gives Bitwarden Blue room to breathe and leads to a more purposeful usage of colors.

HEX #F3F6F9 | RGB 243 246 249 | CMYK 3% 2% 2% 0%

Deep Blue is to be used as a between color from Bitwarden Blue and Indigo Blue. It should only be used in gradients and illustration elements.

HEX #1A41AC | RGB 26 65 172 | CMYK 95% 82% 0% 0%

The darker Indigo Blue is used for text colors, dark backgrounds, and assets that need more contrast.

HEX #020F66 | RGB 2 15 102 | CMYK 100% 97% 23% 27%

Tertiary colors are only to be used sparingly and when used should be thought out deliberately.

Teal accent: HEX #2CDDE9 | RGB 44 221 233 | CMYK 0% 71% 18% 0%

Gold accent: HEX #FFBF00 | RGB 255 191 0 | CMYK 0% 27% 100% 0%

Melon accent: HEX #FF4E63 | RGB 255 78 99 | CMYK 0% 84% 50% 0%

Violet accent: HEX #9D26FF | RGB 157 38 255 | CMYK 60% 78% 0% 0%

bildspråk

Radie

Den rundade radien är ett av de stora ramverken för varumärkesfundamentet. Den binder samman kommunikationen i en enhetlig visuell identitet och är byggd utifrån de rundade hörnen av Bitwardens logotyp och formerna från varumärkets typsnitt.

bildspråk

Knappar

De enda tillgångar som faller utanför detta 36px radiesystem är knappar. För att uppnå en pillerform skulle knappar använda en hörnradie på 50 % av knappens höjd. Radien är hälften av diametern. Till exempel har en 50px hög knapp en hörnradie på 25px.

bildspråk

Ikonografi

Bitwardens webbikoner skiljer sig från produktikonerna genom att de är gjorda för större användningsområden, har fler detaljer och kan vara flerfärgade. Dessa ikoner använder ett 2:1 slagförhållande. Det feta strecket används för att definiera ikonen, det tunna strecket används för att lägga till detaljer. Dessa ikoner kan användas i monoton eller fullfärg. Enfärgad bakgrund för cirklar, fyrkanter och andra former som kräver definition eller kontrast kan också användas.

Märke i bruk

Sociala inlägg

Byggd till 1200x675px för Twitter, skapar inramningen ett enat system för Bitwarden-inläggen på sociala medier. Ramsystemet fungerar som det ses här:

Bitwarden Blå bakgrundskort fungerar med Bitwarden ljusgrå kant
Bitwarden ljusgrå bakgrundskort fungerar med Bitwarden blå kant
Bitwarden Indigo Blue-bakgrundskort fungerar bäst med Bitwarden Blue-kant

Visuellt språk

Produkt

Produkten visas utan enhetsomslag, och använd istället en vit ram för att innehålla produkten. Beroende på användningsfallet kan en högtrohetsversion av produkten användas, eller en mer stiliserad version med onödigt innehåll/fyllmedel reducerat till grundläggande former.

För mer specifika användningsfall är produkten nedtonad i bakgrunden och fokusområdet förstoras för att tydligare visa detaljer om en funktion eller sektion.

Om du vill ha ytterligare produktbilder, vänligen kontakta: press@bitwarden.com.

Ladda ner bilder för lösenordshanterarenLadda ner Secrets Manager-bilder

Medietillgångar

Bitwarden B-roll

Bitwarden-b-rollen är tillgänglig för allmänt bruk och distribution. Detta tilläggsmaterial kan användas för att visa upp Bitwarden-produkterna i recensioner, mediafunktioner och annan nyhetsbevakning. Det här urvalet innehåller live-action-bilder av produkten, såväl som användare som navigerar på webbplatsen och Bitwarden Password Manager över olika klienter.

Ladda ner mediatillgångar