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 merkbelofte

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.

merklogo - merkpagina
IDENTITEIT

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.

merk-logo-afstand
Identiteit

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.

merk-product-logo-blokkades
Identiteit

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-type
Lettertype

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.

Kleurenpalet

merkradius
visuele taal

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.

merk-knoppen
visuele taal

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.

merkhighlights
visuele taal

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.

merk-iconen
visuele taal

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.

github-login-mobiel
Visuele taal

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 postvoorbeelden - merkpagina
Merk in gebruik

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

b-roll
Media

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.