Het merk Bitwarden
Welkom bij de Bitwarden merkrichtlijnen. Dit document is bedoeld om de Bitwarden-merkstrategie te delen, de kernelementen van de visuele identiteit te beschrijven en te beschrijven hoe het Bitwarden-merk kan worden beschermd door consistente communicatie te ontwerpen voor alle media.
Bitwarden belooft betrouwbare, gebruiksvriendelijke en geavanceerde oplossingen voor het beheer van referenties te leveren waarmee individuen en organisaties hun online identiteiten eenvoudig kunnen beschermen. Bitwarden is toegewijd om prioriteit te geven aan veiligheid, toegankelijkheid en open-source technologie terwijl het stimuleren van een wereldwijde gemeenschap die transparantie, vertrouwen en gemak waardeert voor een veiliger en meer privacy-bewuste digitale landschap.
Bitwarden logo
Het Bitwarden-logo heeft twee goedgekeurde composities: horizontaal en verticaal. Bij gebruik van het Bitwarden-logo is de primaire en geprefereerde compositie de horizontale lockup. In sommige gevallen, wanneer het horizontale logo niet werkt, kan een verticale lockup worden gebruikt voor die unieke behoeften.
Logo veilig gebied
Voor zowel de horizontale als de verticale lock-ups is het belangrijk dat het Bitwarden-logo de juiste tussenruimte krijgt. Gebruik voor het horizontale logo één Bitwarden schildbreedte om de juiste tussenruimte voor het logo uit te meten. Gebruik voor het verticale logo de "X"-hoogte van het "Bitwarden"-logotype om de juiste tussenruimte van het logo af te meten.
Productlogo lock-ups
De producten onder de paraplu van Bitwarden zijn voorzien van hun eigen logosloten. Deze logo's worden alleen gebruikt bij het maken van inhoud die specifiek voor dat product is bedoeld. Alle andere merkstijlen (kleuren, type, enz.) blijven hetzelfde.
Merk lettertype
DM Sans is een vriendelijk en gekarakteriseerd lettertype dat minder vaak wordt gebruikt op het web. De ronde schalen geven de tekst een laagdrempelig karakter en sluiten mooi aan bij het afgeronde identiteitssysteem dat voor Bitwarden is voorgesteld. DM Sans, een Open Source Google-lettertype, is een geometrisch schreeflettertype met een laag contrast en een grote familie van gewichten. Het is bedoeld voor gebruik op kleinere tekstgroottes, maar ziet er ook geweldig uit op grotere schalen.
Bitwarden Blue is de herkenbare en eigen kleur van het merk die communicatie verenigt en het merk een sterke identiteit geeft.
HEX #175DDC | RGB 23 93 220 | CMYK 86% 84% 0% 0%
De secundaire kleur Lichtgrijs moet worden gebruikt om Bitwarden Blauw zoveel mogelijk te ondersteunen. Dit geeft Bitwarden Blue ruimte om te ademen en leidt tot een doelgerichter gebruik van kleuren.
HEX #F3F6F9 | RGB 243 246 249 | CMYK 3% 2% 2% 0%
Diepblauw moet worden gebruikt als tussenkleur tussen Bitwardenblauw en Indigoblauw. Het mag alleen worden gebruikt in kleurverlopen en illustratie-elementen.
HEX #1A41AC | RGB 26 65 172 | CMYK 95% 82% 0% 0%
Het donkere Indigo Blue wordt gebruikt voor tekstkleuren, donkere achtergronden en onderdelen die meer contrast nodig hebben.
HEX #020F66 | RGB 2 15 102 | CMYK 100% 97% 23% 27%
Highlight Teal Blue werkt als een highlight-kleur om de aandacht van kijkers te vestigen op bepaalde informatie of illustraties.
HEX #2CDDE9 | RGB 44 221 233 | CMYK 0% 71% 18% 0%
Tertiaire kleuren moeten slechts spaarzaam worden gebruikt en wanneer ze worden gebruikt, moeten ze weloverwogen zijn.
Amber Oranje: HEX #FFBF00 | RGB 255 191 0 | CMYK 0% 27% 100% 0%
Meloenrood: HEX #FF4E63 | RGB 255 78 99 | CMYK 0% 84% 50% 0%
Medium paars: HEX #976FD9 | RGB 151 111 217 | CMYK 50% 62% 0% 0%
Straal
De afgeronde radius is een van de grote kaders voor de fundering van het merk. Het verbindt communicatie in één uniforme visuele identiteit en is gebaseerd op de afgeronde hoeken van het Bitwarden-logo en de vormen van het lettertype van het merk.
Knoppen
De enige onderdelen die buiten dit 36px radius systeem vallen zijn knoppen. Om de vorm van een pil te krijgen, gebruiken knoppen een hoekradius van 50% van de hoogte van de knop. De straal is de helft van de diameter. Een knop van 50px hoog heeft bijvoorbeeld een hoekradius van 25px.
Hoogtepunten
Met dit systeem kan Bitwarden een uniek visueel merkelement creëren en tegelijkertijd een manier creëren om belangrijke trefwoorden in een uiting of kop te benadrukken. Het markeringssysteem mag alleen worden gebruikt voor markeringen van één of twee woorden. Een enkel woord markeren moet worden gebruikt voor woorden die samenvatten of het begrip van de lezer van de communicatie stroomlijnen. Het markeren van twee woorden moet worden gebruikt in hetzelfde geval, maar alleen als een bijvoeglijk naamwoord of bijwoord nodig is om de markering goed over te brengen.
Iconografie
De Bitwarden webpictogrammen verschillen van de productpictogrammen doordat ze gemaakt zijn voor groter gebruik, meer detail hebben en in meerdere kleuren kunnen worden gebruikt. Deze pictogrammen gebruiken een slagverhouding van 2:1. De vette lijn wordt gebruikt om het pictogram te definiëren, de dunne lijn wordt gebruikt om details toe te voegen. Deze pictogrammen kunnen in monotoon of in full color worden gebruikt. Een effen achtergrondkleur kan ook worden gebruikt voor cirkels, vierkanten en andere vormen die definitie of contrast nodig hebben.
Product
Het product wordt weergegeven zonder apparaatwikkels en in plaats daarvan wordt een witte rand gebruikt om het product te bevatten. Afhankelijk van de use case kan een high fidelity versie van het product worden gebruikt, of een meer gestileerde versie met onnodige/vullende inhoud gereduceerd tot basisvormen.
Voor meer specifieke gebruikssituaties wordt het product op de achtergrond gedimd en wordt het focusgebied vergroot om de details van een functie of sectie duidelijker weer te geven.
Als u extra productafbeeldingen wilt, kunt u contact opnemen met: press@bitwarden.com.
Sociale berichten
De omlijsting is gebouwd op 1200x675px voor Twitter en creëert een uniform systeem voor de sociale mediaposts van Bitwarden. Het framesysteem werkt zoals hier te zien is:
Bitwarden blauwe achtergrondkaarten werken met Bitwarden lichtgrijze rand
Bitwarden Lichtgrijze achtergrondkaarten werken met Bitwarden Blauwe rand
Bitwarden Indigo Blue achtergrondkaarten werken het beste met Bitwarden Blue rand
Bitwarden B-roll
De b-roll van Bitwarden is beschikbaar voor openbaar gebruik en distributie. Dit extra beeldmateriaal kan worden gebruikt om de Bitwarden-producten te laten zien in recensies, media-items en andere nieuwsberichten. Deze b-roll selectie bevat live-action opnamen van het product, maar ook van gebruikers die navigeren op de website en de Bitwarden Password Manager bij verschillende klanten.