BITCOIN BRAND KIT · 开源素材合集
把比特币的品牌符号，
聚在一个地方。
官方与社区共识认可的 Logo、颜色、字体、中本聪经典语录、社区故事与常用术语——全部开源、免费、随取随用。
关键事实 · 皆有出处
比特币总量上限，由共识规则写死，不可增发。
创世区块高度，2009 年 1 月 3 日由中本聪挖出。
最小单位「聪」（satoshi）——1 亿分之一枚比特币。
中本聪白皮书《Bitcoin: A Peer-to-Peer Electronic Cash System》篇幅。
颜色 · COLOR
一种主色，足够鲜明。
比特币橙 #F7931A 是唯一官方主色，源自 bitcoin.org 长期使用的基础色。点击色卡即可复制色值。
对比度提醒 · WCAG
#F7931A 上叠白字对比度约 2.3:1（不达标），叠黑字约 9.1:1（达标）。按钮文字请用深色，或将橙色仅用作图形色。
按钮 · BUTTONS
三种按钮，各司其职。
全部从品牌色派生：橙色只留给一屏内最重要的动作。点击示例按钮即可复制对应 CSS，粘贴进项目就能用。
主要 · Primary
一屏内最关键的动作：下载、提交、开始使用。橙底配近黑文字，对比约 7.8:1（AAA）。
次要 · Secondary
与主要按钮搭配的平级动作，或独立的中性操作。描边悬停加深，不占用橙色。
幽灵 · Ghost
低权重动作：卡片内的下载与跳转、成组操作里的次要项。悬停时文字变橙。
五种状态 · 以主要按钮为例
三档尺寸 · 默认中号
规格 · TOKENS
| 圆角 | 10px（--radius），与全站卡片一致 |
|---|---|
| 内边距 | 11px 20px · 大 14px 26px · 小 8px 14px |
| 字号 / 字重 | 15px / 500，主要按钮 600 |
| 过渡 | 0.15s ease · 按下位移 1px |
| 焦点态 | 2px 橙色外描边，偏移 2px |
| 禁用态 | 不透明度 40%，不改色相 |
使用规则 · 六条
- 一屏只放一个主要按钮，其余动作用次要或幽灵——别让橙色贬值。
- 橙底文字一律用近黑 #191714（对比约 7.8:1，AAA）；白字仅 2.3:1，禁止。
- 不加投影、渐变与自定义圆角；形状统一 10px。
- 禁用只降不透明度，不缩放、不换色，保持「这是个按钮」的轮廓。
- 键盘可达：Tab 聚焦显示橙色外描边，任何状态下不移除焦点样式。
- 图标在左、箭头在右（.btn-arrow）；悬停右移 2px 是唯一的动效装饰。
卡片 · CARDS
四种卡片，一层内容。
卡片是全站唯一的容器：白底、1px 描边、16px 圆角，分层靠描边不靠投影。点击示例卡里的按钮即可复制对应 CSS。
标准 · SURFACE
白底描边，默认容器。
信息层级靠留白与字号，不靠分割线。绝大多数内容用这一种就够。
强调 · INVERTED
深底反白，一屏一个。
整卡换成近黑底色，留给全页最重要的一条信息——比如创世区块那句话。
描线 · RULE
一条黑线，去掉容器。
无底、无圆角、无水平内边距，只留顶部一条黑线——这张就是描线卡本身。
扁平 · FLAT
完全透明，只借网格。
无底、无边、无内边距——这张就是扁平卡本身，只靠网格对齐排版。
结构 · ANATOMY
- 眉题 eyebrow — 等宽小字标签，点明这张卡的性质或分类。
- 标题 h3 — 19–21px，一句话说清这张卡是什么。
- 说明 meta — 等宽 13px 灰字，类名、出处或编号。
- 正文 body — 14.5–15px，muted 色，不超过四行。
- 操作 action — 左下角 ghost 或 secondary 按钮，一卡只有一个主操作。
规格 · TOKENS
| 圆角 | 16px（--radius-lg），比按钮大一级 |
|---|---|
| 内边距 | 28px，全站统一 |
| 描边 | 1px #E7E4DC（--border） |
| 底色 | #FFFFFF（--surface） |
| 悬停 | 描边混入 22% 前景色，无投影无位移 |
| 网格间距 | 32px（--gap-lg），920px 以下单列 |
使用规则 · 六条
- 一张卡只讲一件事；要说两件事，就拆成两张卡。
- 卡片不嵌套卡片；卡内的展示容器（logo-tile、btn-stage）用更浅底色或虚线区分。
- 悬停只加深描边，不加投影、不位移——需要浮动反馈的只有色卡。
- 反色卡一屏最多一个，留给最重的那条信息。
- 圆角由外向内递减：卡片 16px，卡内按钮与瓦片 10px，别同级。
- 描边是唯一的分层手段：纯白底 + 1px 描边 + 无阴影，任何屏幕都不糊。
字体 · TYPE
社区在用的四种字体。
从 bitcoin.org 的官方网页字体，到名字致敬中本聪的免费可变字体——都是社区项目里出现频率最高的选择。
Ubuntu
官方网页使用₿ Hold the keys, spend with freedom.
bitcoin.org 长期使用的圆润人文无衬线，与橙色 Logo 搭配自然，适合正文与界面。
Bitcoin
社区维护₿ A purely peer-to-peer version of electronic cash.
Bitcoin Design 社区随品牌指南维护的开源字体族，专为比特币品牌场景设计，标题正文皆宜。
Satoshi
名字致敬₿ We are all Satoshi.
Fontshare 出品的免费可变字体，名字与中本聪相同，社区项目里自带梗属性，现代感强。
IBM Plex Mono
等宽场景The Times 03/Jan/2009
展示创世区块文本、比特币地址与代码片段的常用等宽字体，工程气质。
语录 · SATOSHI SAYS
中本聪说过什么。
全部语录来自可查证的原始帖子：邮件列表与论坛。中文为参考译文，点按按钮切换。
刻在创世区块里 · 2009-01-03
The Times 03/Jan/2009 Chancellor on brink of second bailout for banks
《泰晤士报》2009 年 1 月 3 日头条标题，被中本聪写进创世区块的 Coinbase——既是时间戳，也是比特币诞生的注脚。
故事 · LORE
社区讲了几十年的六段往事。
从创世区块到 HODL 的笔误——这些故事塑造了比特币的文化底色。
术语 · GLOSSARY
十个必懂的基础词。
向朋友解释比特币时，够用了。
没有找到相关术语
资源 · RESOURCES
一手出处，都在这里。
bitcoin.org
比特币官方介绍站，主色 #F7931A 的出处。
bitcoin.design
Bitcoin Design 社区的开源品牌与设计系统指南。
bitcointalk.org
中本聪发帖的论坛，HODL 与披萨帖都在这里。
github.com/bitcoin/bitcoin
Bitcoin Core 官方仓库，含原始 Logo 源文件。
mempool.space
查看创世区块与链上数据的开源浏览器。