baufest-brand

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Baufest Brand Guidelines

Baufest品牌指南

Overview

概述

This skill provides the complete Baufest visual and verbal identity system. Apply these standards to every deliverable — documents, presentations, applications, emails, and generated content — so that output is immediately recognizable as Baufest.

本技能提供完整的Baufest视觉与语言标识体系。请将这些标准应用于所有交付物——文档、演示文稿、应用程序、电子邮件及生成内容——确保输出内容可立即被识别为Baufest品牌。

Color Palette

调色板

Primary Colors

主色调

Role	Name	Hex	RGB	Usage
Primary	Black	`#000000`	0, 0, 0	Backgrounds, primary text, headers
Accent 1	Magenta	`#FF02AD`	255, 2, 173	CTAs, highlights, key data points, links
Accent 2	Neon Green	`#AFFF00`	175, 255, 0	Secondary highlights, success states, badges
Neutral	White	`#FFFFFF`	255, 255, 255	Backgrounds, body text on dark

作用	名称	Hex	RGB	用途
主色	黑色	`#000000`	0, 0, 0	背景、主文本、标题
强调色1	品红	`#FF02AD`	255, 2, 173	按钮（CTA）、高亮、关键数据点、链接
强调色2	霓虹绿	`#AFFF00`	175, 255, 0	次要高亮、成功状态、徽章
中性色	白色	`#FFFFFF`	255, 255, 255	背景、深色背景上的正文文本

Extended Neutrals

扩展中性色

Name	Hex	Usage
Dark Gray	`#1A1A1A`	Subtle background variation
Mid Gray	`#4A4A4A`	Secondary text, borders
Light Gray	`#E5E5E5`	Dividers, background accents
Off-White	`#F5F5F5`	Light mode backgrounds

名称	Hex	用途
深灰	`#1A1A1A`	细微背景变化
中灰	`#4A4A4A`	次要文本、边框
浅灰	`#E5E5E5`	分隔线、背景装饰
米白	`#F5F5F5`	浅色模式背景

Color Application Rules

色彩应用规则

Dark-first: Default to dark backgrounds (
```
#000000
```
or
```
#1A1A1A
```
) with light text. Baufest's identity is bold and high-contrast.
Magenta for emphasis: Use
```
#FF02AD
```
for the single most important element on any page — a CTA, a key metric, or a highlight. Never use magenta for body text.
Neon green sparingly:
```
#AFFF00
```
is a secondary accent. Use for tags, badges, success indicators, or to create energy in data visualizations. Avoid large blocks of neon green.
Contrast ratios: Ensure WCAG AA compliance. White text on black passes. Magenta on black passes. Neon green on black passes. Magenta on white fails — use black text with magenta accents instead.
No gradients between brand colors unless explicitly approved. Flat color blocks are the default.

深色优先：默认使用深色背景（
```
#000000
```
或
```
#1A1A1A
```
）搭配浅色文本。Baufest的品牌标识风格大胆且对比度高。
品红用于重点强调：将
```
#FF02AD
```
用于页面上最重要的单个元素——如按钮（CTA）、关键指标或高亮内容。切勿将品红用于正文文本。
霓虹绿谨慎使用：
```
#AFFF00
```
是次要强调色。用于标签、徽章、成功指示器，或为数据可视化增添活力。避免大面积使用霓虹绿。
对比度要求：确保符合WCAG AA标准。黑底白字、黑底品红字、黑底霓虹绿字均符合要求。白底品红字不符合要求——请改用黑字搭配品红装饰。
禁止渐变：除非得到明确批准，否则品牌色彩之间不得使用渐变。默认使用纯色块。

Typography

排版

Font Stack

字体栈

Role	Font	Weight	Fallback
Headings	Barlow Semicondensed	600 (SemiBold), 700 (Bold)	Arial Narrow, sans-serif
Body	Montserrat	400 (Regular), 500 (Medium)	Arial, Helvetica, sans-serif
Code / Data	JetBrains Mono	400	Consolas, monospace

作用	字体	字重	备选字体
标题	Barlow Semicondensed	600（半粗体）、700（粗体）	Arial Narrow, sans-serif
正文	Montserrat	400（常规）、500（中等）	Arial, Helvetica, sans-serif
代码/数据	JetBrains Mono	400	Consolas, monospace

Typography Rules

排版规则

Headings: Barlow Semicondensed, uppercase for H1 only. Sentence case for H2–H4. Tracking: +0.02em for headings.
Body text: Montserrat Regular (400) at 16px base. Line height 1.5. Paragraph spacing 1em.
Emphasis: Use Montserrat Medium (500) for inline emphasis rather than italic. Reserve bold (700) for critical callouts.
Size scale: 14 / 16 / 18 / 24 / 32 / 48px. Do not use sizes outside this scale without justification.

标题：使用Barlow Semicondensed字体，仅H1使用大写，H2–H4使用句首大写。字距：标题为+0.02em。
正文文本：使用Montserrat常规体（400），基础字号16px，行高1.5，段落间距1em。
强调内容：使用Montserrat中等体（500）进行行内强调，而非斜体。保留粗体（700）用于关键提示。
字号层级：14 / 16 / 18 / 24 / 32 / 48px。若无合理理由，请勿使用此范围外的字号。

CSS Variables (for application theming)

CSS变量（用于应用主题）

css

:root {
  /* Colors */
  --bf-black: #000000;
  --bf-magenta: #FF02AD;
  --bf-green: #AFFF00;
  --bf-white: #FFFFFF;
  --bf-dark-gray: #1A1A1A;
  --bf-mid-gray: #4A4A4A;
  --bf-light-gray: #E5E5E5;
  --bf-off-white: #F5F5F5;

  /* Typography */
  --bf-font-heading: 'Barlow Semicondensed', 'Arial Narrow', sans-serif;
  --bf-font-body: 'Montserrat', Arial, Helvetica, sans-serif;
  --bf-font-mono: 'JetBrains Mono', Consolas, monospace;

  /* Spacing */
  --bf-space-xs: 4px;
  --bf-space-sm: 8px;
  --bf-space-md: 16px;
  --bf-space-lg: 32px;
  --bf-space-xl: 64px;
}

css

:root {
  /* Colors */
  --bf-black: #000000;
  --bf-magenta: #FF02AD;
  --bf-green: #AFFF00;
  --bf-white: #FFFFFF;
  --bf-dark-gray: #1A1A1A;
  --bf-mid-gray: #4A4A4A;
  --bf-light-gray: #E5E5E5;
  --bf-off-white: #F5F5F5;

  /* Typography */
  --bf-font-heading: 'Barlow Semicondensed', 'Arial Narrow', sans-serif;
  --bf-font-body: 'Montserrat', Arial, Helvetica, sans-serif;
  --bf-font-mono: 'JetBrains Mono', Consolas, monospace;

  /* Spacing */
  --bf-space-xs: 4px;
  --bf-space-sm: 8px;
  --bf-space-md: 16px;
  --bf-space-lg: 32px;
  --bf-space-xl: 64px;
}

Voice & Tone

语气与语调

Core Attributes

核心特质

Precise: State facts directly. Avoid hedging ("we believe", "we think"). Lead with the conclusion, then support it.
Confident: Use active voice. "We will deliver" not "It is expected that delivery will occur." Avoid qualifiers unless uncertainty is genuine.
Forward-looking: Frame everything in terms of what comes next, not what happened. "The next milestone is..." not "We completed...". Progress is assumed; direction is what matters.
Technical but accessible: Baufest teams are technical. Use precise terminology. But when writing for executives or mixed audiences, define terms on first use.

精准：直接陈述事实。避免含糊其辞（如“我们认为”“我们相信”）。先给出结论，再提供支撑内容。
自信：使用主动语态。如“我们将交付”而非“预计将完成交付”。除非确实存在不确定性，否则避免使用限定词。
前瞻性：所有内容都要着眼于未来，而非过去。如“下一个里程碑是……”而非“我们已完成……”。进度是既定的，方向才是关键。
专业且易懂：Baufest团队具备专业性，可使用精准术语。但在为高管或混合受众撰写内容时，首次使用术语需进行定义。

Tone Calibration by Context

场景化语气调整

Context	Tone Dial
Client proposals	Confident + precise. No overselling.
Status reports	Forward-looking. Lead with next actions.
Architecture docs	Technical + precise. Show tradeoffs clearly.
Internal comms	Direct + concise. Respect the reader's time.
Marketing / case studies	Confident + outcome-focused. Quantify impact.

场景	语气调整
客户提案	自信 + 精准。不夸大其词。
状态报告	前瞻性。以后续行动为重点。
架构文档	专业 + 精准。清晰展示权衡取舍。
内部沟通	直接 + 简洁。尊重读者时间。
营销/案例研究	自信 + 结果导向。量化影响。

Writing Rules

写作规则

No passive voice in headlines, subject lines, or opening sentences.
Quantify wherever possible. "Reduced latency by 40%" not "significantly improved performance."
One idea per paragraph. Short paragraphs. Generous whitespace.
Bullet points for lists of 3+ items. No walls of text.
No jargon without definition when audience includes non-engineers.

标题、主题行或开头句子：禁止使用被动语态。
量化内容：尽可能量化。如“将延迟降低40%”而非“显著提升性能”。
单段单意：段落简短，留白充足。
列表格式：3项及以上的列表使用项目符号。避免大段文本堆砌。
术语定义：当受众包含非技术人员时，所有行话都必须附带定义。

Applying the Brand

品牌应用

When asked to style or format a deliverable:

Documents (Markdown/HTML): Apply the color palette, font stack, and voice guidelines. Use dark headers with magenta accents. Structure with clear hierarchy.
Presentations: Black backgrounds, white text, magenta for emphasis. One idea per slide. Barlow Semicondensed for titles.
Code/Applications: Use the CSS variables above. Dark theme default. Magenta for interactive elements.
Emails/Messages: Concise. Forward-looking subject lines. Magenta only for key CTAs.
Data Visualizations: Black background, magenta for primary series, neon green for secondary, white for labels. No more than 4 colors per chart.

当需要为交付物进行样式设计或格式调整时：

文档（Markdown/HTML）：应用调色板、字体栈和语气指南。使用深色标题搭配品红装饰。构建清晰的层级结构。
演示文稿：黑色背景、白色文本、品红用于强调。每页一个核心观点。标题使用Barlow Semicondensed字体。
代码/应用程序：使用上述CSS变量。默认深色主题。品红用于交互元素。
电子邮件/消息：简洁明了。主题行具备前瞻性。仅关键CTA使用品红。
数据可视化：黑色背景，品红用于主系列，霓虹绿用于次要系列，白色用于标签。每张图表颜色不超过4种。