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.

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.

brand-logo - brand page
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.

logo-spacing-light
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.

brand-product-logo-lockups
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.

brand-typeset-light
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.

Färgpalett

brand-radius
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.

brand-buttons
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.

brand-icons
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.

social post examples - brand page
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

github-login-mobil
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.

b-roll
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.