用途:在真实设计或内容工作中应用 Bitwarden 品牌标准,把品牌仓库视为资产权威来源,把品牌站点视为使用规则权威来源。
主要能力:覆盖 logo 用法(水平/垂直锁定、反白版、产品图标盾牌、各产品专属锁定)、配色(Bitwarden Blue #175DDC、Deep Blue #0C3276、Off White #F3F6F9、True Black #000000、Teal Highlight #2CDDE9,以及仅少量用于产品图形和成功/警告/错误状态的第三级色 Green #7BF1A8、Yellow #FDC700、Red #FF6550)、字体(Inter,字重 300/400/500/600/700)、图标体系与大小写规则。
关键规则:Bitwarden 的 B 始终大写,W 从不大写,仅官方 logo 锁定中可出现小写 bitwarden;优先使用主色板而非第三级色板;logo 安全区不可妥协,水平锁定四周留一个盾牌宽度,垂直锁定用 logotype 中 X 的高度;圆角遵循 36px 半径系统,但按钮除外。不得重新着色、变形、旋转或重组 logo。
使用方式:资产路径如 /logos/logo-horizontal-blue.svg、/logos/logo-horizontal-white.svg、/logos/icon.svg、/logos/icon-inverse.svg、/icons/*.png;SCSS 变量名包括 $bitwarden-blue、$deep-blue、$off-white、$true-white、$true-black、$light-grey、$teal-highlight、$light-teal-highlight、$tertiary-green、$tertiary-yellow、$tertiary-red。详细资产清单见 references/brand-assets.md,完整色板见 references/color-palette.md。
适用场景:品牌合规检查、设计交接、设计系统组件演进,可与 content-style-guide、using-figma、preparing-design-handoff、evolving-design-system-components 等技能配合。品牌检查输出应包含:检查了哪些品牌面、哪些合规、哪些不合规(引用具体规则)、以及具体修正建议。
限制:品牌站点未列举字重与上下文的对应规则,遇到特殊情形需咨询产品或市场负责人;若提供的 SVG 不适用,应联系品牌负责人而非自行变体。其余细节暂未提供。