深色图鉴风Dark Library
你可能会说
就想要 Appllama 那种感觉：深色底、卡片排得密、一点金色，一看就是个有货的库。
深色图鉴风是用接近黑色的底、金/亮色单点强调和高密度卡片，把内容站做出「档案馆」的仪式感它做对三件事：深色退掉环境噪音，让封面图和内容成为唯一光源；强调色全库只用一种（通常是金色），贵不贵就看克制不克制；卡片信息密度拉高，展示「数量」本身就是说服力。代价是长文阅读和彩色 demo 的适配成本。
也常被叫作Appllama 风深色素材库Dark Library
设计原则 · Principles
- 底色近黑不纯黑（#141519 一带），卡片比底亮一档，用亮度分层不用阴影
- 全库唯一强调色：金/琥珀色只出现在品牌位、CTA 和选中态
- 卡片高密度排布：logo、名称、一句话三件事，行距收紧
- 内容图就是主角：封面/截图亮度提到接近白底可读的程度
- 文字用冷灰分级：主文 #ECEEF2、次文 #8B8E99，不出现纯白大块
- 深浅双态是一套设计：版式组件不变，只换色阶与强调方式——选中态深色用金色描边、浅色用米黄底色，文字三级灰阶随主题整体翻转
容易混淆？这样区分
深色图鉴风≠深色界面（Dark UI）
Dark UI 只是把浅色配色反转的通用做法；深色图鉴风多一条硬约束——单一金色强调 + 高密度收藏式卡片，卖的是「库的质感」。
深色图鉴风≠新粗野
都敢用大色块，但新粗野是浅色底、粗黑边、硬阴影的张扬；深色图鉴风是暗底、无描边、靠亮度分层的收敛。
AI 提示词 · Prompt
把这个内容站改成深色图鉴风：底色 #141519，卡片 #20222A 用亮度分层、不加阴影；全站唯一强调色用金色 #E8C767，只出现在品牌标记、选中筛选器和主按钮；卡片网格每行 3–4 张，信息压到 logo+名称+一句话；现有交互 demo 外框包一层浅色「取景卡」避免色偏。保留现有一切功能，不动文案。同时给出浅色主题的同名色值（卡片 #FFFFFF、描边 #E4E4E7、文字 #1A1B20），两态共用一套版式与组件，主题切换只改 token。
典型使用场景
图鉴墙 · 深色卡片列表
左右滑动查看完整示例
BUILDHUBPRO收藏 12全部前端设计风格素材库
Cursor
AI 代码编辑器
Linear
任务与迭代管理
Raycast
macOS 启动器
Figma
协作设计工具
Buffer
社媒运营台
Appllama
AI 产品目录
虚构示例 · 图标为各产品真实 logo
词条阅读 · 单栏 + 侧注
左右滑动查看完整示例
设计风格 · Dark Library
深色图鉴风
把每一张卡片当成馆藏品：唯一的金色只留给「此刻该看的地方」。
深底之上，logo 会「沉」——所以每枚真实图标都垫一块白色小磁贴。
参考产品
目录
是什么
设计原则
和极简的区别
怎么向 AI 描述
解锁全部图鉴 PRO
无限量收藏 · 深色系主题
开始试用
PRO 付费墙 · 唯一金色
左右滑动查看完整示例
✦
BuildHub PRO
为认真做产品的人
月付
¥18/月
省 31%
年付
¥148/年
✓无限收藏与跨设备同步
✓深色图鉴视图与导出
✓新风格词条抢先看
开始 7 天免费试用
不收费 · 可随时取消
虚构示例 · 图标为各产品真实 logo
深浅双态 · 同一版式
左右滑动查看完整示例
深色浅色
Cursor
AI 代码编辑器
Figma
协作设计工具
深色态 · 选中=金色描边
Cursor
AI 代码编辑器
Figma
协作设计工具
浅色态 · 选中=米黄底色
同一套版式与组件，切换的只有色阶与强调方式：卡片 #202228↔#FFFFFF、描边 #2C2F38↔#E4E4E7、文字三级灰阶整体翻转
延伸阅读 · 权威出处