dfmsolutions/AOS
1
0 Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity
Files
main
AOS/skills/design/design-systems/index.json
T
Z User e45b68bb8b feat: IMAP mail sync with thread-to-contact matching (PRD §6.1) 
Real IMAP connection via imapflow library:
- Connects to IMAP server (IMAPFlow, TLS on port 993)
- Fetches recent messages (configurable limit, default 20)
- Extracts: from, fromEmail, subject, date, snippet (200 chars)
- Thread-to-contact matching (PRD §6.1):
  1. Match sender email against persons table
  2. If no person match, extract domain and match against company.website
  3. Returns matchedCompany + matchedPerson for each email
- Audit-logged (action: crm.mailsync:imap)
- Zod validated (host, port, user, password, folder, limit)
- 502 on IMAP connection failure with detail
- 400 on validation failure

Tested: invalid creds → 502 'IMAP connection failed', missing host → 400
2026-10-27 22:50:50 +00:00

4088 lines
109 KiB
JSON
Executable File
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{
"style_skills": [
{
"name": "agentic",
"path": "style-skills/agentic/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"技术感",
"克制"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Conversational AI-first interface with minimal controls, cle"
},
{
"name": "ant",
"path": "style-skills/ant/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"企业/可信",
"精密/工程感",
"极简"
],
"scheme": "light",
"era": "现代",
"formality": "high",
"best_for": "Structured, enterprise-focused design system emphasizing cla"
},
{
"name": "application",
"path": "style-skills/application/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"技术感",
"戏剧化"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "App dashboard with purple-themed aesthetic, top-bar navigati"
},
{
"name": "artistic",
"path": "style-skills/artistic/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"戏剧化",
"活力/明亮"
],
"scheme": "light",
"era": "现代",
"formality": "low",
"best_for": "High-contrast, expressive style with creative typography and"
},
{
"name": "atelier-zero",
"path": "style-skills/atelier-zero/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"克制",
"编辑/杂志感"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": ""
},
{
"name": "bento",
"path": "style-skills/bento/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"克制",
"精密/工程感"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Modular grid layout with card-like blocks, clear hierarchy, "
},
{
"name": "bold",
"path": "style-skills/bold/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"戏剧化",
"活力/明亮"
],
"scheme": "light",
"era": "现代",
"formality": "low",
"best_for": "Strong visual presence with heavyweight typography, high-con"
},
{
"name": "brutalism",
"path": "style-skills/brutalism/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"戏剧化",
"技术感",
"复古/玩味"
],
"scheme": "light",
"era": "现代",
"formality": "low",
"best_for": "Raw, anti-design aesthetic inspired by concrete architecture"
},
{
"name": "cafe",
"path": "style-skills/cafe/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"温暖"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Cozy cafe-inspired interface with warm tones, soft typograph"
},
{
"name": "claude",
"path": "style-skills/claude/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"克制",
"暗黑原生",
"编辑/杂志感",
"温暖"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Research-journal aesthetic on warm stone with near-black ink"
},
{
"name": "claymorphism",
"path": "style-skills/claymorphism/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"戏剧化",
"亲和/友好",
"活力/明亮"
],
"scheme": "light",
"era": "现代",
"formality": "low",
"best_for": "Soft, rounded 3D-like shapes mimicking malleable clay with p"
},
{
"name": "clean",
"path": "style-skills/clean/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"未来/科幻"
],
"scheme": "light",
"era": "未来",
"formality": "medium",
"best_for": "Simplicity-focused design with ample whitespace, legible typ"
},
{
"name": "codex",
"path": "style-skills/codex/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"暗黑原生",
"技术感"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Radically minimal blank-canvas interface where black carries"
},
{
"name": "colorful",
"path": "style-skills/colorful/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"奢华",
"戏剧化",
"亲和/友好",
"活力/明亮",
"渐变氛围"
],
"scheme": "light",
"era": "现代",
"formality": "high",
"best_for": "Vibrant, high-contrast palettes and gradients for engaging, "
},
{
"name": "contemporary",
"path": "style-skills/contemporary/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"精密/工程感",
"戏剧化",
"暗黑原生",
"亲和/友好"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Current-era minimalist design with bento grids, dark mode su"
},
{
"name": "corporate",
"path": "style-skills/corporate/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"精密/工程感",
"奢华",
"企业/可信"
],
"scheme": "light",
"era": "现代",
"formality": "high",
"best_for": "Professional, brand-aligned design with structured grids, mi"
},
{
"name": "cosmic",
"path": "style-skills/cosmic/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"未来/科幻",
"戏剧化",
"暗黑原生"
],
"scheme": "dark",
"era": "未来",
"formality": "medium",
"best_for": "Futuristic sci-fi aesthetic with dark themes, vibrant neon a"
},
{
"name": "creative",
"path": "style-skills/creative/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"戏剧化",
"亲和/友好"
],
"scheme": "light",
"era": "现代",
"formality": "low",
"best_for": "Playful, character-driven design with expressive typography "
},
{
"name": "dashboard",
"path": "style-skills/dashboard/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"克制",
"精密/工程感",
"暗黑原生",
"渐变氛围"
],
"scheme": "dark",
"era": "现代",
"formality": "medium",
"best_for": "Dark-themed cloud-platform aesthetic with modular grids, gla"
},
{
"name": "default",
"path": "style-skills/default/",
"files": [
"DESIGN.md",
"SKILL.md",
"components.html",
"tokens.css"
],
"mood": [
"极简",
"克制"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": ""
},
{
"name": "dithered",
"path": "style-skills/dithered/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"戏剧化",
"复古/玩味"
],
"scheme": "light",
"era": "复古",
"formality": "medium",
"best_for": "Dot-pattern rendering technique that simulates shades with a"
},
{
"name": "doodle",
"path": "style-skills/doodle/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"亲和/友好",
"插画丰富"
],
"scheme": "light",
"era": "现代",
"formality": "low",
"best_for": "Hand-drawn, sketch-like style with doodles, handwritten font"
},
{
"name": "dramatic",
"path": "style-skills/dramatic/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"戏剧化",
"影像优先"
],
"scheme": "dark",
"era": "现代",
"formality": "medium",
"best_for": "High-contrast, theatrical design with bold layouts, immersiv"
},
{
"name": "editorial",
"path": "style-skills/editorial/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"克制",
"精密/工程感",
"奢华",
"编辑/杂志感",
"内容优先"
],
"scheme": "light",
"era": "现代",
"formality": "high",
"best_for": "Magazine-inspired editorial layout with refined serif typogr"
},
{
"name": "elegant",
"path": "style-skills/elegant/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"克制",
"奢华"
],
"scheme": "light",
"era": "现代",
"formality": "high",
"best_for": "Graceful, refined aesthetic with delicate typography, minima"
},
{
"name": "energetic",
"path": "style-skills/energetic/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"戏剧化",
"活力/明亮"
],
"scheme": "light",
"era": "现代",
"formality": "low",
"best_for": "Dynamic, vibrant style with thick borders, geometric shapes,"
},
{
"name": "enterprise",
"path": "style-skills/enterprise/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"戏剧化",
"企业/可信"
],
"scheme": "light",
"era": "现代",
"formality": "high",
"best_for": "Clean, high-contrast enterprise design for data-driven workf"
},
{
"name": "expressive",
"path": "style-skills/expressive/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"戏剧化",
"亲和/友好",
"活力/明亮"
],
"scheme": "light",
"era": "现代",
"formality": "low",
"best_for": "Vibrant, personality-driven design with bold colors, playful"
},
{
"name": "fantasy",
"path": "style-skills/fantasy/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"奢华",
"戏剧化"
],
"scheme": "light",
"era": "现代",
"formality": "high",
"best_for": "Game-inspired fantasy aesthetic with bold, premium visuals, "
},
{
"name": "fiction",
"path": "style-skills/fiction/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"戏剧化",
"温暖",
"亲和/友好",
"未来/科幻"
],
"scheme": "light",
"era": "现代",
"formality": "low",
"best_for": "Playful, storybook-inspired interface with warm surfaces, ch"
},
{
"name": "flat",
"path": "style-skills/flat/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"亲和/友好",
"活力/明亮",
"企业/可信"
],
"scheme": "light",
"era": "现代",
"formality": "high",
"best_for": "Two-dimensional minimalist style with vibrant colors, clean "
},
{
"name": "friendly",
"path": "style-skills/friendly/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"奢华",
"戏剧化",
"亲和/友好",
"未来/科幻"
],
"scheme": "light",
"era": "未来",
"formality": "high",
"best_for": "Approachable, intuitive design with rounded elements, ample "
},
{
"name": "futuristic",
"path": "style-skills/futuristic/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"未来/科幻",
"技术感",
"精密/工程感"
],
"scheme": "dark",
"era": "未来",
"formality": "medium",
"best_for": "Forward-looking design with tech-inspired typography, modern"
},
{
"name": "glassmorphism",
"path": "style-skills/glassmorphism/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"渐变氛围",
"未来/科幻",
"克制"
],
"scheme": "light",
"era": "未来",
"formality": "medium",
"best_for": "Frosted glass effect with translucent layers, subtle blur, a"
},
{
"name": "gradient",
"path": "style-skills/gradient/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"亲和/友好",
"渐变氛围"
],
"scheme": "light",
"era": "现代",
"formality": "low",
"best_for": "Smooth color transitions and gradient-rich surfaces for mode"
},
{
"name": "hud",
"path": "style-skills/hud/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"技术感",
"未来/科幻",
"精密/工程感",
"暗黑原生"
],
"scheme": "dark",
"era": "未来",
"formality": "medium",
"best_for": ""
},
{
"name": "immersive",
"path": "style-skills/immersive/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"戏剧化"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Exhibit-style interface that blends storytelling and game-li"
},
{
"name": "impeccable",
"path": "style-skills/impeccable/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"戏剧化",
"编辑/杂志感",
"温暖"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Graphic editorial-poster aesthetic with warm cream and burnt"
},
{
"name": "levels",
"path": "style-skills/levels/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"企业/可信"
],
"scheme": "light",
"era": "现代",
"formality": "high",
"best_for": "Conversion-focused design that removes friction and guides u"
},
{
"name": "lingo",
"path": "style-skills/lingo/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"戏剧化",
"亲和/友好",
"活力/明亮",
"插画丰富"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Playful, minimal design with bright colors, rounded shapes, "
},
{
"name": "luxury",
"path": "style-skills/luxury/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"奢华",
"戏剧化",
"暗黑原生"
],
"scheme": "dark",
"era": "现代",
"formality": "high",
"best_for": "High-end dark aesthetic with bold headings, monochromatic pa"
},
{
"name": "material",
"path": "style-skills/material/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"企业/可信",
"极简",
"活力/明亮"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Google's Material Design with layered surfaces, dynamic them"
},
{
"name": "matrix",
"path": "style-skills/matrix/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"技术感",
"戏剧化",
"暗黑原生",
"未来/科幻"
],
"scheme": "light",
"era": "未来",
"formality": "medium",
"best_for": "Dark cyber-terminal visual language with mono typography, de"
},
{
"name": "minimal",
"path": "style-skills/minimal/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"克制",
"内容优先"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Stripped-back design emphasizing whitespace, clean typograph"
},
{
"name": "mission-control",
"path": "style-skills/mission-control/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"技术感",
"精密/工程感",
"暗黑原生"
],
"scheme": "dark",
"era": "现代",
"formality": "high",
"best_for": ""
},
{
"name": "modern",
"path": "style-skills/modern/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"编辑/杂志感"
],
"scheme": "dark",
"era": "现代",
"formality": "medium",
"best_for": "Contemporary editorial style with serif typography, minimal "
},
{
"name": "mono",
"path": "style-skills/mono/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"技术感",
"戏剧化",
"亲和/友好",
"未来/科幻"
],
"scheme": "light",
"era": "未来",
"formality": "medium",
"best_for": "Monospace-driven, matrix-inspired design with high-contrast "
},
{
"name": "neobrutalism",
"path": "style-skills/neobrutalism/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"戏剧化",
"温暖"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Modern take on brutalism with bold borders, vivid accent col"
},
{
"name": "neon",
"path": "style-skills/neon/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"戏剧化",
"未来/科幻",
"渐变氛围"
],
"scheme": "dark",
"era": "未来",
"formality": "low",
"best_for": "Electric neon glow effects with high-contrast color pairings"
},
{
"name": "neumorphism",
"path": "style-skills/neumorphism/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"戏剧化",
"亲和/友好",
"未来/科幻"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Soft, extruded UI elements with inner and outer shadows on m"
},
{
"name": "pacman",
"path": "style-skills/pacman/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"戏剧化",
"亲和/友好",
"复古/玩味"
],
"scheme": "dark",
"era": "复古",
"formality": "low",
"best_for": "Retro arcade-inspired design with pixel fonts, dotted border"
},
{
"name": "paper",
"path": "style-skills/paper/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"温暖",
"编辑/杂志感",
"内容优先"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Paper-textured, print-inspired design with minimal colors, c"
},
{
"name": "perspective",
"path": "style-skills/perspective/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"戏剧化"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Spatial depth design with isometric views, vanishing points,"
},
{
"name": "premium",
"path": "style-skills/premium/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"克制",
"精密/工程感",
"奢华"
],
"scheme": "light",
"era": "现代",
"formality": "high",
"best_for": "Apple-inspired premium aesthetic with precise spacing, moder"
},
{
"name": "professional",
"path": "style-skills/professional/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"企业/可信",
"克制",
"极简"
],
"scheme": "light",
"era": "现代",
"formality": "high",
"best_for": "Polished, business-ready design with modern typography, stru"
},
{
"name": "publication",
"path": "style-skills/publication/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"精密/工程感",
"戏剧化",
"编辑/杂志感"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Print-inspired visual language for books, magazines, and rep"
},
{
"name": "refined",
"path": "style-skills/refined/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"克制",
"奢华"
],
"scheme": "light",
"era": "现代",
"formality": "high",
"best_for": "Carefully curated, modern minimal style with elegant serif t"
},
{
"name": "retro",
"path": "style-skills/retro/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"戏剧化",
"复古/玩味"
],
"scheme": "light",
"era": "复古",
"formality": "low",
"best_for": "Throwback design with vintage-inspired typography, high-cont"
},
{
"name": "riso",
"path": "style-skills/riso/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"戏剧化",
"温暖",
"亲和/友好",
"复古/玩味"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Playful two-color risograph-inspired system with paper-like "
},
{
"name": "sega",
"path": "style-skills/sega/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"亲和/友好",
"复古/玩味"
],
"scheme": "light",
"era": "复古",
"formality": "low",
"best_for": "Arcade-inspired game interface with pixel typography, hard e"
},
{
"name": "shadcn",
"path": "style-skills/shadcn/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"克制",
"技术感"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Shadcn/ui-inspired design with minimal, clean components, mo"
},
{
"name": "simple",
"path": "style-skills/simple/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"克制",
"亲和/友好"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Straightforward, no-frills design with clean typography, neu"
},
{
"name": "sketch",
"path": "style-skills/sketch/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"戏剧化",
"温暖",
"插画丰富"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Hand-drawn sketch aesthetic on warm paper with soft teal acc"
},
{
"name": "skeumorphism",
"path": "style-skills/skeumorphism/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"复古/玩味",
"插画丰富"
],
"scheme": "light",
"era": "复古",
"formality": "low",
"best_for": "Real-world mimicry with textured surfaces, 3D effects, and f"
},
{
"name": "sleek",
"path": "style-skills/sleek/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"克制"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Modern minimalist aesthetic with clean lines, intentional co"
},
{
"name": "spacious",
"path": "style-skills/spacious/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"精密/工程感",
"未来/科幻"
],
"scheme": "light",
"era": "未来",
"formality": "medium",
"best_for": "Generous whitespace, consistent padding, and grid-based layo"
},
{
"name": "storytelling",
"path": "style-skills/storytelling/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"编辑/杂志感",
"亲和/友好",
"内容优先"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Narrative-driven design using visuals, copy, and interaction"
},
{
"name": "terracotta",
"path": "style-skills/terracotta/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"戏剧化",
"编辑/杂志感",
"温暖",
"亲和/友好"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Sun-baked, clay-toned editorial system with warm cream surfa"
},
{
"name": "tetris",
"path": "style-skills/tetris/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"奢华",
"戏剧化",
"亲和/友好"
],
"scheme": "light",
"era": "现代",
"formality": "high",
"best_for": "Classic block-game inspired design with playful colors, bold"
},
{
"name": "totality-festival",
"path": "style-skills/totality-festival/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"戏剧化",
"暗黑原生",
"渐变氛围",
"影像优先"
],
"scheme": "dark",
"era": "未来",
"formality": "low",
"best_for": ""
},
{
"name": "trading-terminal",
"path": "style-skills/trading-terminal/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"企业/可信",
"技术感"
],
"scheme": "dark",
"era": "现代",
"formality": "high",
"best_for": ""
},
{
"name": "urdu",
"path": "style-skills/urdu/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"编辑/杂志感",
"内容优先"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": ""
},
{
"name": "vibrant",
"path": "style-skills/vibrant/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"戏剧化",
"温暖",
"亲和/友好",
"活力/明亮"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": "Lively, colorful design with bold playful typography, warm a"
},
{
"name": "vintage",
"path": "style-skills/vintage/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"极简",
"复古/玩味"
],
"scheme": "light",
"era": "复古",
"formality": "medium",
"best_for": "1950s-1990s nostalgia with skeuomorphic touches, grainy text"
},
{
"name": "warm-editorial",
"path": "style-skills/warm-editorial/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"编辑/杂志感",
"温暖"
],
"scheme": "light",
"era": "现代",
"formality": "medium",
"best_for": ""
},
{
"name": "parchment",
"path": "style-skills/parchment/",
"files": [
"DESIGN.md",
"SKILL.md"
],
"mood": [
"编辑杂志感",
"正式",
"温暖",
"内容优先"
],
"scheme": "light",
"era": "经典",
"formality": "high",
"best_for": "简历/报告/白皮书/正式信函/编辑长文的可打印文档"
}
],
"brand_inspiration": [
{
"name": "Airbnb",
"path": "brand-inspiration/airbnb/",
"files": [
"DESIGN.md",
"README.md",
"components.html",
"tokens.css"
],
"slug": "airbnb",
"description": "A warm, generous consumer marketplace anchored on a clean white canvas and Airbnb Rausch (#ff385c), the single brand voltage that carries every primary CTA, search-button orb, and rating dot. Type runs Airbnb Cereal VF at modest weights —…",
"industry": [
"电商/零售",
"出行/本地生活"
],
"product_type": [
"官网/营销页",
"消费App"
],
"mood": [
"温暖",
"亲和/友好",
"影像优先"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "温暖的消费市场/民宿/本地生活官网，强照片+亲和感",
"avoid_for": "冷峻技术风或企业级正式场景"
},
{
"name": "Airtable",
"path": "brand-inspiration/airtable/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "airtable",
"description": "A sober, editorial workflow-software interface anchored on white canvas and dark-ink type, where brand voltage comes from full-bleed signature cards in coral, dark green, peach, and dark navy that punctuate long-scroll explainer pages.…",
"industry": [
"生产力/协作"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"克制",
"编辑/杂志感"
],
"formality": "high",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "沉稳的工作流软件官网，编辑感强、信息克制",
"avoid_for": "活力鲜明或暗黑戏剧化的场景"
},
{
"name": "Apple",
"path": "brand-inspiration/apple/",
"files": [
"DESIGN.md",
"README.md",
"components.html",
"tokens.css"
],
"slug": "apple",
"description": "A photography-first interface that turns marketing into a museum gallery. Edge-to-edge product tiles alternate light and dark canvases, framed by SF Pro Display headlines with negative letter-spacing and a single Action Blue (#0066cc)…",
"industry": [
"消费电子/科技"
],
"product_type": [
"官网/营销页",
"产品发布页"
],
"mood": [
"克制",
"影像优先",
"奢华"
],
"formality": "high",
"density": "low",
"scheme": "both",
"era": "现代",
"best_for": "以产品大图为主角的发布/营销页，UI 隐形让影像说话",
"avoid_for": "信息密集仪表盘或缺乏高质量影像"
},
{
"name": "Arc",
"path": "brand-inspiration/arc/",
"files": [
"DESIGN.md"
],
"slug": "arc",
"description": "'The browser that browses for you.' Translucent surfaces, gradient warmth, sidebar-first layout.",
"category": "Productivity & SaaS",
"industry": [
"开发者工具",
"消费电子/科技"
],
"product_type": [
"官网/营销页",
"消费App"
],
"mood": [
"渐变氛围",
"温暖",
"活力/明亮"
],
"formality": "medium",
"density": "low",
"scheme": "light",
"era": "现代",
"best_for": "温暖渐变、侧栏优先的现代浏览器/工具营销页",
"avoid_for": "严肃企业或纯暗黑技术风"
},
{
"name": "Binance",
"path": "brand-inspiration/binance/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "binance",
"description": "A confident financial-platform interface anchored on a deep near-black canvas, where Binance's iconic yellow (#FCD535) carries every primary CTA, brand accent, and value-claim moment. Type runs Binance's custom BinanceNova / BinancePlex…",
"industry": [
"金融/支付"
],
"product_type": [
"官网/营销页",
"电商/交易"
],
"mood": [
"企业/可信",
"技术感",
"暗黑原生"
],
"formality": "high",
"density": "high",
"scheme": "dark",
"era": "现代",
"best_for": "加密交易所的暗色高密度可信界面",
"avoid_for": "轻盈温暖或低密度展示页"
},
{
"name": "BMW",
"path": "brand-inspiration/bmw/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "bmw",
"description": "BMW's corporate site — distinct from BMW M's motorsport-bombastic variant, this is a measured and settled corporate-automotive interface. On a light (cream-tinted white) canvas, BMW corporate blue (#1c69d4) carries every primary CTA; dark…",
"industry": [
"汽车"
],
"product_type": [
"官网/营销页",
"品牌展示页"
],
"mood": [
"克制",
"企业/可信",
"影像优先"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "沉稳测量感的汽车企业官网",
"avoid_for": "玩味活泼或极简工具风"
},
{
"name": "BMW M",
"path": "brand-inspiration/bmw-m/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "bmw-m",
"description": "A motorsport-engineering interface anchored on a near-black canvas with white BMW Type Next Latin display headlines in confident UPPERCASE. The brand carries no decorative voltage — its energy comes from full-bleed automotive photography…",
"industry": [
"汽车",
"奢侈品"
],
"product_type": [
"品牌展示页",
"官网/营销页"
],
"mood": [
"戏剧化",
"技术感",
"暗黑原生",
"影像优先"
],
"formality": "high",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "暗色运动工程感的高性能汽车展示",
"avoid_for": "亲和友好或明亮活泼场景"
},
{
"name": "Bugatti",
"path": "brand-inspiration/bugatti/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "bugatti",
"description": "An austere luxury-automotive interface that uses near-pure black canvas, white uppercase letterspaced display, and full-bleed automotive photography as the only voltage. The system runs three custom Bugatti typefaces — Bugatti Display,…",
"industry": [
"汽车",
"奢侈品"
],
"product_type": [
"品牌展示页"
],
"mood": [
"奢华",
"极简",
"暗黑原生",
"戏剧化"
],
"formality": "high",
"density": "low",
"scheme": "dark",
"era": "现代",
"best_for": "极致克制的纯黑超豪华汽车展示",
"avoid_for": "信息密集或亲和活泼场景"
},
{
"name": "Cal.com",
"path": "brand-inspiration/cal/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "cal",
"description": "A clean, calendar-software-first interface anchored on white canvas with black primary CTAs and custom Cal Sans display typography. The system reads as friendly modern SaaS — generous whitespace, soft-rounded cards (~12px), product UI…",
"industry": [
"生产力/协作",
"开发者工具"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"极简",
"克制",
"技术感"
],
"formality": "high",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "干净的日程软件官网，黑白克制",
"avoid_for": "奢华戏剧化或插画丰富场景"
},
{
"name": "Canva",
"path": "brand-inspiration/canva/",
"files": [
"DESIGN.md"
],
"slug": "canva",
"description": "Visual creation platform. Vivid purple-blue gradient, generous spacing, friendly geometry.",
"category": "Design & Creative",
"industry": [
"内容/创意工具"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"渐变氛围",
"活力/明亮",
"亲和/友好"
],
"formality": "low",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "活力渐变、亲和的创意工具官网",
"avoid_for": "严肃企业或暗黑技术风"
},
{
"name": "Cisco",
"path": "brand-inspiration/cisco/",
"files": [
"DESIGN.md"
],
"slug": "cisco",
"description": "Enterprise infrastructure brand. Dark trust surfaces, Cisco Blue signal, technical clarity.",
"category": "Backend & Data",
"industry": [
"基础设施/企业"
],
"product_type": [
"官网/营销页"
],
"mood": [
"企业/可信",
"技术感",
"暗黑原生"
],
"formality": "high",
"density": "high",
"scheme": "dark",
"era": "现代",
"best_for": "暗色信任面+技术清晰度的企业基础设施",
"avoid_for": "亲和活泼或低密度消费场景"
},
{
"name": "Claude",
"path": "brand-inspiration/claude/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "claude",
"description": "A warm-canvas editorial interface for Anthropic's Claude product. The system anchors on a tinted cream canvas with serif display headlines, warm coral CTAs, and dark navy product surfaces (code editor mockups, model showcase cards). Brand…",
"industry": [
"AI"
],
"product_type": [
"官网/营销页"
],
"mood": [
"温暖",
"克制",
"编辑/杂志感"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "暖色编辑感的 AI 产品官网，克制亲和",
"avoid_for": "冷峻暗黑或高密度数据场景"
},
{
"name": "Clay",
"path": "brand-inspiration/clay/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "clay",
"description": "A vibrant claymation-meets-data interface for Clay.com (GTM data-orchestration platform). Anchors on white canvas with dark-navy primary CTAs, custom rounded display type, and saturated single-color feature cards — hot pink, deep teal,…",
"industry": [
"开发者工具",
"AI"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"活力/明亮",
"插画丰富",
"技术感"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "claymation+数据气质的 GTM 工具，鲜活",
"avoid_for": "严肃克制或奢华暗黑场景"
},
{
"name": "ClickHouse",
"path": "brand-inspiration/clickhouse/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "clickhouse",
"description": "A high-performance database interface anchored on near-pure black canvas with electric yellow as the brand voltage. White typography in confident sans, yellow CTAs, and yellow-text stat numbers carry the brand voice across every page.…",
"industry": [
"基础设施/企业",
"开发者工具"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"技术感",
"暗黑原生",
"精密/工程感"
],
"formality": "high",
"density": "high",
"scheme": "dark",
"era": "现代",
"best_for": "高性能数据库的暗色电黄技术界面",
"avoid_for": "亲和温暖或低密度场景"
},
{
"name": "Cohere",
"path": "brand-inspiration/cohere/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "cohere",
"description": "Cohere's 2026 web system is a controlled enterprise AI interface built from stark white editorial space, deep green-black product bands, soft mineral surfaces, rounded media cards, and a distinctive type split between monospaced-feeling…",
"industry": [
"AI",
"基础设施/企业"
],
"product_type": [
"官网/营销页"
],
"mood": [
"克制",
"企业/可信",
"极简"
],
"formality": "high",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "受控的企业 AI 白底锐利界面",
"avoid_for": "活力玩味或暗黑戏剧化"
},
{
"name": "Coinbase",
"path": "brand-inspiration/coinbase/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "coinbase",
"description": "An institutional-grade crypto exchange whose marketing surfaces read like a quietly-confident financial-services brand. The base canvas is pure white; Coinbase Blue (`#0052ff`) is the single brand voltage, used scarcely on primary CTAs,…",
"industry": [
"金融/支付"
],
"product_type": [
"官网/营销页",
"电商/交易"
],
"mood": [
"企业/可信",
"克制",
"技术感"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "机构级加密交易所的克制可信营销面",
"avoid_for": "玩味活泼或奢华戏剧化"
},
{
"name": "Composio",
"path": "brand-inspiration/composio/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "composio",
"description": "A developer-tools brand for AI-agent tool integration whose marketing surfaces lean into a dark, technical aesthetic with a single deep-electric-blue voltage (`#0007cd`). The page floor is near-black (`#0f0f0f`); cards float above on…",
"industry": [
"开发者工具",
"AI"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"技术感",
"暗黑原生",
"精密/工程感"
],
"formality": "high",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "AI-agent 工具集成的开发者暗色站",
"avoid_for": "亲和温暖或编辑杂志感"
},
{
"name": "Cursor",
"path": "brand-inspiration/cursor/",
"files": [
"DESIGN.md",
"README.md",
"components.html",
"tokens.css"
],
"slug": "cursor",
"description": "An AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand with a warm-cream editorial canvas (`#f7f7f4`) instead of the typical dark IDE atmosphere. Near-black warm ink (`#26251e`) carries body and…",
"industry": [
"开发者工具",
"AI"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"技术感",
"克制",
"暗黑原生"
],
"formality": "high",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "AI 代码编辑器的克制开发者营销站",
"avoid_for": "活力插画或奢华场景"
},
{
"name": "Discord",
"path": "brand-inspiration/discord/",
"files": [
"DESIGN.md",
"components.html",
"tokens.css"
],
"slug": "discord",
"description": "Voice / chat platform. Deep blurple, dark-first surfaces, playful accent moments.",
"category": "Productivity & SaaS",
"industry": [
"社交/通讯"
],
"product_type": [
"消费App",
"官网/营销页"
],
"mood": [
"亲和/友好",
"暗黑原生",
"活力/明亮"
],
"formality": "low",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "blurple 暗色+玩味的语音/聊天平台",
"avoid_for": "严肃企业或编辑克制场景"
},
{
"name": "Duolingo",
"path": "brand-inspiration/duolingo/",
"files": [
"DESIGN.md"
],
"slug": "duolingo",
"description": "Language-learning platform. Bright owl green, chunky shadows, gamified joy.",
"category": "Productivity & SaaS",
"industry": [
"文档/教育"
],
"product_type": [
"消费App",
"官网/营销页"
],
"mood": [
"活力/明亮",
"亲和/友好",
"插画丰富"
],
"formality": "low",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "明亮游戏化的语言学习消费产品",
"avoid_for": "严肃企业或暗黑技术风"
},
{
"name": "ElevenLabs",
"path": "brand-inspiration/elevenlabs/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "elevenlabs",
"description": "A voice-AI brand whose marketing surfaces read like a quietly editorial print magazine. The base canvas is off-white (`#f5f5f5`) holding warm near-black ink (`#292524`); the brand voltage is photographic, not chromatic — soft pastel…",
"industry": [
"AI"
],
"product_type": [
"官网/营销页"
],
"mood": [
"编辑/杂志感",
"克制",
"温暖"
],
"formality": "high",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "印刷杂志气质的语音 AI 编辑感官网",
"avoid_for": "高密度数据或暗黑技术场景"
},
{
"name": "Expo",
"path": "brand-inspiration/expo/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "expo",
"description": "A React Native developer-platform whose marketing site reads like a quietly-confident infrastructure brand. The base canvas is pure white with a soft sky-blue gradient atmospheric wash behind the hero; near-black ink (`#171717`) carries…",
"industry": [
"开发者工具"
],
"product_type": [
"开发者平台",
"文档站"
],
"mood": [
"技术感",
"克制",
"精密/工程感"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "React Native 开发平台的克制基础设施站",
"avoid_for": "奢华戏剧化或活力插画"
},
{
"name": "Ferrari",
"path": "brand-inspiration/ferrari/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "ferrari",
"description": "A luxury-automotive brand whose marketing surfaces read as cinematic editorial. The base canvas is **near-black** (`#181818`) holding pure white display type; white-canvas bands appear only inside specific editorial contexts (preowned…",
"industry": [
"汽车",
"奢侈品"
],
"product_type": [
"品牌展示页"
],
"mood": [
"奢华",
"影像优先",
"戏剧化",
"编辑/杂志感"
],
"formality": "high",
"density": "low",
"scheme": "dark",
"era": "现代",
"best_for": "电影编辑感的豪华汽车品牌展示",
"avoid_for": "信息密集或亲和活泼场景"
},
{
"name": "Figma",
"path": "brand-inspiration/figma/",
"files": [
"DESIGN.md",
"README.md",
"components.html",
"tokens.css"
],
"slug": "figma",
"description": "A confident black-and-white editorial frame interrupted by oversized, hand-cut pastel color blocks. The marketing canvas is rigorously monochrome — figmaSans variable type, pure white surfaces, pure black ink, pill-shaped CTAs — while…",
"industry": [
"内容/创意工具"
],
"product_type": [
"官网/营销页",
"SaaS"
],
"mood": [
"编辑/杂志感",
"活力/明亮",
"影像优先"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "黑白编辑框+手裁拼贴色块的设计工具",
"avoid_for": "严肃企业或暗黑克制场景"
},
{
"name": "Framer",
"path": "brand-inspiration/framer/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "framer",
"description": "A confident dark-canvas builder marketing site that treats the page like a working artboard — pure black surfaces, white display type set in GT Walsheim Medium with aggressive negative tracking, and a single confident blue (#0099ff)…",
"industry": [
"内容/创意工具",
"开发者工具"
],
"product_type": [
"官网/营销页",
"SaaS"
],
"mood": [
"暗黑原生",
"技术感",
"影像优先"
],
"formality": "medium",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "暗色画板感的建站工具营销站",
"avoid_for": "亲和温暖或编辑克制"
},
{
"name": "Github",
"path": "brand-inspiration/github/",
"files": [
"DESIGN.md",
"components.html",
"tokens.css"
],
"slug": "github",
"description": "Code-forward platform. Functional density, blue-on-white precision, Primer foundations.",
"category": "Developer Tools",
"industry": [
"开发者工具"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"技术感",
"精密/工程感",
"克制"
],
"formality": "high",
"density": "high",
"scheme": "light",
"era": "现代",
"best_for": "功能密集、蓝白精确的代码平台",
"avoid_for": "奢华戏剧化或活力插画"
},
{
"name": "HashiCorp",
"path": "brand-inspiration/hashicorp/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "hashicorp",
"description": "An enterprise-infrastructure marketing canvas built around a near-black ground (#000000) and a system of per-product accent colors — Terraform purple, Vault yellow, Consul pink, Waypoint cyan, Vagrant blue — that act as identity tokens…",
"industry": [
"基础设施/企业",
"开发者工具"
],
"product_type": [
"官网/营销页",
"开发者平台"
],
"mood": [
"企业/可信",
"暗黑原生",
"技术感"
],
"formality": "high",
"density": "high",
"scheme": "dark",
"era": "现代",
"best_for": "near-black 企业基础设施营销面",
"avoid_for": "亲和温暖或低密度场景"
},
{
"name": "Huggingface",
"path": "brand-inspiration/huggingface/",
"files": [
"DESIGN.md"
],
"slug": "huggingface",
"description": "ML community hub. Sunny yellow accent, monospace identity, cheerful and dense.",
"category": "AI & LLM",
"industry": [
"AI"
],
"product_type": [
"开发者平台",
"内容平台"
],
"mood": [
"活力/明亮",
"亲和/友好",
"技术感"
],
"formality": "low",
"density": "high",
"scheme": "light",
"era": "现代",
"best_for": "sunny 黄+monospace 的 ML 社区中枢",
"avoid_for": "严肃克制或奢华场景"
},
{
"name": "IBM",
"path": "brand-inspiration/ibm/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "ibm",
"description": "An enterprise-marketing canvas faithful to Carbon Design System: white surfaces, charcoal type, IBM Blue (#0f62fe) as the single confident accent, and a deliberately flat-square aesthetic where corners stay at 0–4px. Type runs IBM Plex…",
"industry": [
"基础设施/企业"
],
"product_type": [
"官网/营销页"
],
"mood": [
"企业/可信",
"克制",
"精密/工程感"
],
"formality": "high",
"density": "high",
"scheme": "light",
"era": "现代",
"best_for": "Carbon 体系的企业营销画布",
"avoid_for": "活力玩味或暗黑戏剧化"
},
{
"name": "Intercom",
"path": "brand-inspiration/intercom/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "intercom",
"description": "An editorial customer-service marketing canvas built around a soft cream-white ground, charcoal type set in Saans (Intercom's proprietary geometric sans), and a single confident Fin Orange (#ff5600) reserved for the Fin AI brand. Cards…",
"industry": [
"生产力/协作"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"编辑/杂志感",
"温暖",
"克制"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "cream 底编辑感的客服营销画布",
"avoid_for": "暗黑技术或高密度场景"
},
{
"name": "Kami",
"path": "brand-inspiration/kami/",
"files": [
"DESIGN.md",
"components.html",
"tokens.css"
],
"slug": "kami",
"description": "Editorial paper system: warm parchment canvas, ink-blue accent, serif-led hierarchy. Built for resumes, one-pagers, white papers, portfolios, slide decks — anything that should feel like high-quality print rather than UI. Multilingual by…",
"category": "Editorial & Print",
"industry": [
"媒体/出版",
"文档/教育"
],
"product_type": [
"内容平台",
"官网/营销页"
],
"mood": [
"编辑/杂志感",
"温暖",
"克制"
],
"formality": "high",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "parchment+ink-blue 衬线的编辑纸张系统",
"avoid_for": "暗黑技术或活力鲜明场景"
},
{
"name": "Kraken",
"path": "brand-inspiration/kraken/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "kraken",
"description": "Kraken's website is a clean, trustworthy crypto exchange that uses purple as its commanding brand color.",
"industry": [
"金融/支付"
],
"product_type": [
"官网/营销页",
"电商/交易"
],
"mood": [
"企业/可信",
"克制"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "紫色统领的可信加密交易所",
"avoid_for": "玩味活泼或奢华戏剧化"
},
{
"name": "Lamborghini",
"path": "brand-inspiration/lamborghini/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "lamborghini",
"description": "Lamborghini's website is a cathedral of darkness — a digital stage where jet-black surfaces stretch infinitely and every element emerges from the void like a machine under a spotlight.",
"industry": [
"汽车",
"奢侈品"
],
"product_type": [
"品牌展示页"
],
"mood": [
"奢华",
"戏剧化",
"暗黑原生"
],
"formality": "high",
"density": "low",
"scheme": "dark",
"era": "现代",
"best_for": "纯黑舞台式豪华汽车展示，金色点睛",
"avoid_for": "信息密集或亲和明亮场景"
},
{
"name": "Linear App",
"path": "brand-inspiration/linear-app/",
"files": [
"DESIGN.md",
"components.html",
"tokens.css"
],
"slug": "linear-app",
"description": "Project management. Ultra-minimal, precise, purple accent.",
"category": "Productivity & SaaS",
"industry": [
"开发者工具",
"生产力/协作"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"极简",
"精密/工程感",
"暗黑原生"
],
"formality": "high",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "暗色精密的开发/生产力工具官网",
"avoid_for": "色彩叙事或温暖明亮场景"
},
{
"name": "Loom",
"path": "brand-inspiration/loom/",
"files": [
"DESIGN.md"
],
"slug": "loom",
"description": "Loom async video. Purple primary, friendly surfaces, video-first layout. Clean and professional without being corporate.",
"category": "Themed & Unique",
"industry": [
"生产力/协作"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"亲和/友好",
"影像优先",
"克制"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "紫色友好、视频优先的异步视频工具",
"avoid_for": "严肃企业或暗黑技术风"
},
{
"name": "Lovable",
"path": "brand-inspiration/lovable/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "lovable",
"description": "Lovable's website radiates warmth through restraint.",
"industry": [
"AI",
"开发者工具"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"温暖",
"克制",
"亲和/友好"
],
"formality": "medium",
"density": "low",
"scheme": "light",
"era": "现代",
"best_for": "以克制传递温暖的 AI 建站产品",
"avoid_for": "冷峻暗黑或高密度场景"
},
{
"name": "Mastercard",
"path": "brand-inspiration/mastercard/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "mastercard",
"description": "Mastercard's experience reads like a warm, editorial magazine built from soft stone and signal orange.",
"industry": [
"金融/支付"
],
"product_type": [
"品牌展示页",
"官网/营销页"
],
"mood": [
"编辑/杂志感",
"温暖",
"企业/可信"
],
"formality": "high",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "soft stone 编辑杂志感的支付品牌",
"avoid_for": "暗黑技术或活力玩味"
},
{
"name": "Meta",
"path": "brand-inspiration/meta/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "meta",
"description": "Meta's design system spans hardware commerce (Quest VR, Ray-Ban Meta AI glasses) and brand surfaces with a confident product-merchandising voice. The system pairs a stark white canvas with full-bleed photographic product cards, a…",
"industry": [
"消费电子/科技",
"社交/通讯"
],
"product_type": [
"官网/营销页",
"产品发布页"
],
"mood": [
"影像优先",
"克制",
"未来/科幻"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "横跨 VR/AI 硬件与品牌的科技营销",
"avoid_for": "编辑杂志或亲和插画场景"
},
{
"name": "MiniMax",
"path": "brand-inspiration/minimax/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "minimax",
"description": "MiniMax presents itself as a premium AI infrastructure brand through a striking duality — bold black-pill CTAs and stark white canvas for marketing, paired with vibrant gradient product cards (orange-red, magenta-pink, purple, blue) that…",
"industry": [
"AI"
],
"product_type": [
"官网/营销页"
],
"mood": [
"渐变氛围",
"技术感",
"未来/科幻"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "premium 二元性的 AI 基础设施品牌",
"avoid_for": "亲和温暖或编辑克制"
},
{
"name": "Mintlify",
"path": "brand-inspiration/mintlify/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "mintlify",
"description": "Mintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient marketing heroes (cloud illustration backdrops, soft cream-to-blue washes) paired with dense developer-grade documentation surfaces. The…",
"industry": [
"文档/教育",
"开发者工具"
],
"product_type": [
"文档站",
"官网/营销页"
],
"mood": [
"技术感",
"渐变氛围",
"克制"
],
"formality": "medium",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "双模式文档基础设施，氛围天空感",
"avoid_for": "奢华戏剧化或高密度企业场景"
},
{
"name": "Miro",
"path": "brand-inspiration/miro/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "miro",
"description": "Miro presents itself as the AI-powered visual workspace through a confident, almost playful brand voice — anchored by its signature canary yellow ({colors.brand-yellow}) wordmark over white canvas, broken open by colorful pastel feature…",
"industry": [
"生产力/协作"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"插画丰富",
"活力/明亮",
"亲和/友好"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "AI 视觉工作空间的玩味自信感",
"avoid_for": "严肃克制或暗黑技术风"
},
{
"name": "Mistral Ai",
"path": "brand-inspiration/mistral-ai/",
"files": [
"DESIGN.md"
],
"slug": "mistral-ai",
"description": "Open-weight LLM provider. French-engineered minimalism, purple-toned.",
"category": "AI & LLM",
"industry": [
"AI"
],
"product_type": [
"官网/营销页"
],
"mood": [
"极简",
"渐变氛围",
"克制"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "法式工程极简、紫调的开源 LLM",
"avoid_for": "活力玩味或高密度企业场景"
},
{
"name": "Mistral AI",
"path": "brand-inspiration/mistral.ai/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "mistral.ai",
"description": "Mistral AI brands itself with a singular signature — atmospheric sunset gradients (mustard, orange, deep red) layered over photography of mountains, plus a horizontal \"sunset stripe\" bar that closes every page. The system pairs warm…",
"industry": [
"AI"
],
"product_type": [
"官网/营销页"
],
"mood": [
"渐变氛围",
"克制",
"极简"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "标志性日落渐变的 Mistral AI 品牌",
"avoid_for": "暗黑技术或活力插画场景"
},
{
"name": "MongoDB",
"path": "brand-inspiration/mongodb/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "mongodb",
"description": "MongoDB carries a strong dual-mode visual identity — dark deep-teal hero bands with bright MongoDB green ({colors.brand-green}) CTAs paired with stark white documentation surfaces. The signature green pill button is unmistakable across…",
"industry": [
"基础设施/企业",
"开发者工具"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"技术感",
"企业/可信",
"活力/明亮"
],
"formality": "high",
"density": "high",
"scheme": "both",
"era": "现代",
"best_for": "deep-teal 双模式的数据库品牌",
"avoid_for": "奢华戏剧化或编辑克制"
},
{
"name": "Nike",
"path": "brand-inspiration/nike/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "nike",
"description": "A photography-first commerce system built on extreme typographic contrast — towering uppercase Futura display lockups burned into editorial campaign imagery, sitting above a dense, neutral, near-monochrome retail chrome of pill-shaped…",
"industry": [
"电商/零售"
],
"product_type": [
"官网/营销页",
"品牌展示页"
],
"mood": [
"影像优先",
"戏剧化",
"极简"
],
"formality": "high",
"density": "low",
"scheme": "both",
"era": "现代",
"best_for": "照片说话、chrome 隐形的运动电商",
"avoid_for": "信息密集或编辑文字主导"
},
{
"name": "Notion",
"path": "brand-inspiration/notion/",
"files": [
"DESIGN.md",
"README.md",
"components.html",
"tokens.css"
],
"slug": "notion",
"description": "Notion presents itself as the all-in-one workspace through a confident, illustration-rich brand voice — anchored by a deep navy hero band ({colors.brand-navy}) decorated with brand-colored sticky-note dots and mesh wire illustrations, a…",
"industry": [
"生产力/协作",
"消费电子/科技"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"亲和/友好",
"插画丰富",
"内容优先"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "插画+真实截图+紫色点睛的一体化工具",
"avoid_for": "极简冷峻或纯暗黑技术风"
},
{
"name": "NVIDIA",
"path": "brand-inspiration/nvidia/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "nvidia",
"description": "An engineering-grade marketing system organized around two surface modes — a deep black canvas for hero and footer chapters and a flat paper-white canvas for body content — connected by a single, almost violently saturated NVIDIA Green…",
"industry": [
"基础设施/企业",
"AI"
],
"product_type": [
"官网/营销页",
"开发者平台"
],
"mood": [
"精密/工程感",
"技术感",
"未来/科幻"
],
"formality": "high",
"density": "high",
"scheme": "both",
"era": "现代",
"best_for": "工程文档学会平面设计的科技营销",
"avoid_for": "亲和温暖或编辑杂志场景"
},
{
"name": "Ollama",
"path": "brand-inspiration/ollama/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "ollama",
"description": "An almost defiantly minimal documentation-first system that treats the home page like a Markdown README — paper-white canvas, 36px center-aligned heading, a single black pill CTA, an inline terminal install snippet, and a hand-drawn llama…",
"industry": [
"AI",
"开发者工具"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"极简",
"技术感",
"克制"
],
"formality": "low",
"density": "low",
"scheme": "light",
"era": "现代",
"best_for": "极度欠设计、纯粹的 AI 工具站",
"avoid_for": "奢华戏剧化或影像优先场景"
},
{
"name": "Openai",
"path": "brand-inspiration/openai/",
"files": [
"DESIGN.md",
"components.html",
"tokens.css"
],
"slug": "openai",
"description": "Calm, near-monochrome system anchored in deep teal-black with generous white space and editorial typography.",
"category": "AI & LLM",
"industry": [
"AI"
],
"product_type": [
"官网/营销页"
],
"mood": [
"克制",
"极简",
"编辑/杂志感"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "近单色 teal-black、大量留白的克制 AI",
"avoid_for": "活力玩味或高密度数据场景"
},
{
"name": "Opencode Ai",
"path": "brand-inspiration/opencode-ai/",
"files": [
"DESIGN.md"
],
"slug": "opencode-ai",
"description": "AI coding platform. Developer-centric dark theme.",
"category": "AI & LLM",
"industry": [
"AI",
"开发者工具"
],
"product_type": [
"开发者平台"
],
"mood": [
"技术感",
"暗黑原生",
"克制"
],
"formality": "high",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "开发者中心暗色主题的 AI 编码平台",
"avoid_for": "亲和温暖或编辑杂志场景"
},
{
"name": "OpenCode",
"path": "brand-inspiration/opencode.ai/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "opencode.ai",
"description": "A terminal-native marketing system rendered entirely in Berkeley Mono — every word on the page, from the hero headline down to the footer fine print, is monospaced. The page itself reads like a manpage or a static-site README: warm cream…",
"industry": [
"AI",
"开发者工具"
],
"product_type": [
"开发者平台"
],
"mood": [
"技术感",
"暗黑原生",
"克制"
],
"formality": "high",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "开发者中心暗色的 AI 编码平台",
"avoid_for": "亲和温暖或编辑杂志场景"
},
{
"name": "Perplexity",
"path": "brand-inspiration/perplexity/",
"files": [
"DESIGN.md"
],
"slug": "perplexity",
"description": "Conversational AI search engine. Deep-dark canvas, sharp typography, single violet accent, dense information hierarchy.",
"category": "AI & LLM",
"industry": [
"AI"
],
"product_type": [
"官网/营销页",
"消费App"
],
"mood": [
"暗黑原生",
"极简",
"技术感"
],
"formality": "high",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "深色锐利排版、单一紫点的对话搜索",
"avoid_for": "活力插画或温暖亲和场景"
},
{
"name": "Pinterest",
"path": "brand-inspiration/pinterest/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "pinterest",
"description": "A photography-first discovery system organized around the Pinterest Red CTA, the masonry pin grid, and a soft warm-cream chrome that gets out of the imagery's way. The home page is a content-discovery tool wearing the chrome of a magazine…",
"industry": [
"媒体/出版",
"社交/通讯"
],
"product_type": [
"内容平台",
"消费App"
],
"mood": [
"内容优先",
"影像优先",
"亲和/友好"
],
"formality": "low",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "让位于图片的内容/视觉发现平台",
"avoid_for": "严肃企业或暗黑技术风"
},
{
"name": "PlayStation",
"path": "brand-inspiration/playstation/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "playstation",
"description": "A three-surface marketing system organized around alternating black, white, and PlayStation Blue chapters that scroll past the viewer like a console launch trailer. Each section has a single editorial purpose — hero photography, console…",
"industry": [
"消费电子/科技"
],
"product_type": [
"品牌展示页",
"产品发布页"
],
"mood": [
"戏剧化",
"影像优先",
"未来/科幻"
],
"formality": "high",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "主机发布预告片式的章节化展示",
"avoid_for": "克制极简或编辑文字场景"
},
{
"name": "PostHog",
"path": "brand-inspiration/posthog/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "posthog",
"description": "A playful developer-tools system rendered on a warm cream canvas with hand-drawn hedgehog mascots dotted across every page like marginalia in a sketchbook. The chrome reads like a friendly engineering blog: olive-gray ink (#4d4f46) for…",
"industry": [
"开发者工具",
"基础设施/企业"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"复古/玩味",
"技术感",
"插画丰富"
],
"formality": "medium",
"density": "high",
"scheme": "both",
"era": "现代",
"best_for": "严肃开源工程+玩味矛盾的产品分析",
"avoid_for": "奢华克制或纯影像场景"
},
{
"name": "Raycast",
"path": "brand-inspiration/raycast/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "raycast",
"description": "Raycast's marketing system reads like an extended product screenshot. The chrome IS the in-product chrome at marketing scale: pure-near-black canvas, hairline 1px borders, command-palette-style cards, Inter typography with the ss03…",
"industry": [
"开发者工具",
"生产力/协作"
],
"product_type": [
"官网/营销页",
"SaaS"
],
"mood": [
"暗黑原生",
"技术感",
"克制"
],
"formality": "high",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "延伸的产品截图式开发者暗色站",
"avoid_for": "亲和温暖或活力插画场景"
},
{
"name": "Renault",
"path": "brand-inspiration/renault/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "renault",
"description": "Renault's web presence pairs the freshly-modernised Renault diamond (the 2021 flat-line rhombus mark) with a stark black-and-white canvas, a signature Sunlight Yellow accent, and the proprietary NouvelR display typeface. The system reads…",
"industry": [
"汽车"
],
"product_type": [
"官网/营销页",
"品牌展示页"
],
"mood": [
"活力/明亮",
"影像优先",
"戏剧化"
],
"formality": "medium",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "高对比、鲜明的汽车营销面",
"avoid_for": "克制极简或暗黑企业场景"
},
{
"name": "Replicate",
"path": "brand-inspiration/replicate/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "replicate",
"description": "Replicate's marketing surfaces pair the warm-cream developer-tools aesthetic of an indie ML playground with a confident hot-orange brand accent and a signature display typeface (rb-freigeist-neue) sized aggressively large at 72px+. The…",
"industry": [
"开发者工具",
"AI"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"复古/玩味",
"编辑/杂志感",
"技术感"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "复古",
"best_for": "开发者工具+art zine 灵魂的平台",
"avoid_for": "严肃企业或奢华戏剧化"
},
{
"name": "Resend",
"path": "brand-inspiration/resend/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "resend",
"description": "Resend's marketing surfaces sit on a near-pure black canvas with off-white text and a single signature color — the deep editorial-serif Domaine Display headline mark — that gives an otherwise utilitarian developer-tool brand its…",
"industry": [
"开发者工具"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"编辑/杂志感",
"技术感",
"克制"
],
"formality": "high",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "开发工具+编辑排版的邮件 API",
"avoid_for": "奢华戏剧化或活力插画"
},
{
"name": "Revolut",
"path": "brand-inspiration/revolut/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "revolut",
"description": "Revolut's marketing surfaces pair a stark black canvas with the brand's cobalt-violet (`#494fdf`) and a wide accent palette of deep, fully-saturated product colours — teal, light-blue, deep pink, light-green, warning orange. The system…",
"industry": [
"金融/支付"
],
"product_type": [
"消费App",
"官网/营销页"
],
"mood": [
"技术感",
"活力/明亮",
"企业/可信"
],
"formality": "high",
"density": "high",
"scheme": "both",
"era": "现代",
"best_for": "高对比双模式的金融消费品牌",
"avoid_for": "编辑克制或奢华场景"
},
{
"name": "Runwayml",
"path": "brand-inspiration/runwayml/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "runwayml",
"description": "Runway's interface is a cinematic reel brought to life as a website — a dark, editorial, film-production-grade design where full-bleed photography and video ARE the primary UI elements.",
"industry": [
"AI",
"内容/创意工具"
],
"product_type": [
"官网/营销页"
],
"mood": [
"影像优先",
"暗黑原生",
"编辑/杂志感",
"戏剧化"
],
"formality": "high",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "电影胶片感的 AI 创意暗色编辑站",
"avoid_for": "亲和明亮或高密度数据场景"
},
{
"name": "Sanity",
"path": "brand-inspiration/sanity/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "sanity",
"description": "Sanity's website is a developer-content platform rendered as a nocturnal command center -- dark, precise, and deeply structured.",
"industry": [
"开发者工具",
"内容/创意工具"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"暗黑原生",
"技术感",
"克制"
],
"formality": "high",
"density": "high",
"scheme": "dark",
"era": "现代",
"best_for": "夜间指挥中心式的开发者内容平台",
"avoid_for": "温暖亲和或活力插画场景"
},
{
"name": "Sentry",
"path": "brand-inspiration/sentry/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "sentry",
"description": "An inspired interpretation of Sentry's design language — a developer-tools brand built on a deep purple-violet midnight canvas, electric lime accents, and a slightly subversive illustrated personality. The system pairs a custom display…",
"industry": [
"开发者工具"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"技术感",
"暗黑原生",
"精密/工程感"
],
"formality": "high",
"density": "high",
"scheme": "dark",
"era": "现代",
"best_for": "错误监控的开发者技术暗色站",
"avoid_for": "奢华戏剧化或温暖编辑场景"
},
{
"name": "Shopify",
"path": "brand-inspiration/shopify/",
"files": [
"DESIGN.md",
"README.md",
"components.html",
"tokens.css"
],
"slug": "shopify",
"description": "An inspired interpretation of Shopify's design language — a cinematic commerce platform that runs two parallel design tracks. The marketing-hero and product-narrative pages live on near-black canvases with full-bleed photography of…",
"industry": [
"电商/零售"
],
"product_type": [
"官网/营销页",
"电商/交易"
],
"mood": [
"影像优先",
"戏剧化",
"温暖"
],
"formality": "medium",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "电影化商业平台的电商营销",
"avoid_for": "严肃克制或暗黑技术风"
},
{
"name": "Slack",
"path": "brand-inspiration/slack/",
"files": [
"DESIGN.md",
"components.html",
"tokens.css"
],
"slug": "slack",
"description": "An inspired interpretation of Slack's design language — a workplace messaging brand built on a deep aubergine primary, with cream-lavender hero gradients, blue inline links, and pill CTAs. The system pairs a proprietary humanist sans for…",
"industry": [
"社交/通讯",
"生产力/协作"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"活力/明亮",
"亲和/友好",
"插画丰富"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "职场消息品牌，鲜明友好+插画",
"avoid_for": "严肃企业或暗黑克制场景"
},
{
"name": "SpaceX",
"path": "brand-inspiration/spacex/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "spacex",
"description": "An inspired interpretation of SpaceX's design language — a mission-oriented aerospace brand built on pure black canvas, full-bleed photographic and video heroes of rockets and Mars landscapes, and uppercase D-DIN display type set in tight…",
"industry": [
"消费电子/科技"
],
"product_type": [
"品牌展示页",
"官网/营销页"
],
"mood": [
"未来/科幻",
"影像优先",
"戏剧化",
"暗黑原生"
],
"formality": "high",
"density": "low",
"scheme": "dark",
"era": "现代",
"best_for": "纯黑+火箭全屏影像的航天展示",
"avoid_for": "信息密集或亲和明亮场景"
},
{
"name": "Spotify",
"path": "brand-inspiration/spotify/",
"files": [
"DESIGN.md",
"README.md",
"components.html",
"tokens.css"
],
"slug": "spotify",
"description": "Spotify's web interface is a dark, immersive music player that wraps listeners in a near-black cocoon (#121212, #181818, #1f1f1f) where album art and content become the primary source of color.",
"industry": [
"媒体/出版",
"消费电子/科技"
],
"product_type": [
"消费App",
"官网/营销页"
],
"mood": [
"暗黑原生",
"影像优先",
"活力/明亮"
],
"formality": "low",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "近黑沉浸、专辑图主导色彩的音乐播放器",
"avoid_for": "严肃企业或编辑文字场景"
},
{
"name": "Starbucks",
"path": "brand-inspiration/starbucks/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "starbucks",
"description": "Starbucks' design system is a warm, confident retail flagship wearing the green of their storefront apron across every surface.",
"industry": [
"电商/零售"
],
"product_type": [
"官网/营销页",
"品牌展示页"
],
"mood": [
"温暖",
"企业/可信",
"影像优先"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "暖色自信的零售旗舰，品牌绿",
"avoid_for": "暗黑技术或极简冷峻场景"
},
{
"name": "Stripe",
"path": "brand-inspiration/stripe/",
"files": [
"DESIGN.md",
"README.md",
"components.html",
"tokens.css"
],
"slug": "stripe",
"description": "An inspired interpretation of Stripe's design language — a financial-infrastructure brand built on a deep navy ink, an electric indigo primary, and a recurring atmospheric gradient mesh that occupies the upper third of nearly every…",
"industry": [
"金融/支付",
"开发者工具"
],
"product_type": [
"SaaS",
"官网/营销页",
"开发者平台"
],
"mood": [
"精密/工程感",
"技术感",
"克制",
"渐变氛围"
],
"formality": "high",
"density": "high",
"scheme": "light",
"era": "现代",
"best_for": "金融/支付/开发者平台官网，技术可信+渐变网格",
"avoid_for": "活泼手作或强情绪叙事的消费品"
},
{
"name": "Supabase",
"path": "brand-inspiration/supabase/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "supabase",
"description": "An inspired interpretation of Supabase's design language — an open-source database platform built on a clean white-and-near-black system with a single signature emerald-green CTA, a custom humanist sans display tier, and dense product UI…",
"industry": [
"开发者工具",
"基础设施/企业"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"技术感",
"克制",
"暗黑原生"
],
"formality": "high",
"density": "high",
"scheme": "both",
"era": "现代",
"best_for": "开源数据库平台，绿色 CTA 点睛",
"avoid_for": "奢华戏剧化或温暖编辑场景"
},
{
"name": "Superhuman",
"path": "brand-inspiration/superhuman/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "superhuman",
"description": "An inspired interpretation of Superhuman's design language — a fast-email productivity brand split between an editorial dark hero (deep indigo navy with violet-sky atmospheric backdrop and a portrait subject) and a quiet white content…",
"industry": [
"生产力/协作"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"克制",
"精密/工程感",
"暗黑原生"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "快速邮件生产力品牌，精密克制",
"avoid_for": "活力插画或奢华戏剧化"
},
{
"name": "Tesla",
"path": "brand-inspiration/tesla/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "tesla",
"description": "Tesla's website is an exercise in radical subtraction — a digital showroom where the product is everything and the interface is almost nothing.",
"industry": [
"汽车",
"消费电子/科技"
],
"product_type": [
"品牌展示页",
"官网/营销页"
],
"mood": [
"极简",
"影像优先",
"克制"
],
"formality": "high",
"density": "low",
"scheme": "both",
"era": "现代",
"best_for": "激进减法的数字展厅，产品主导",
"avoid_for": "信息密集或活力插画场景"
},
{
"name": "Theverge",
"path": "brand-inspiration/theverge/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "theverge",
"description": "The Verge's 2024 redesign feels like somebody wired a Condé Nast magazine to a chiptune soundboard.",
"industry": [
"媒体/出版"
],
"product_type": [
"内容平台",
"官网/营销页"
],
"mood": [
"复古/玩味",
"编辑/杂志感",
"活力/明亮"
],
"formality": "medium",
"density": "high",
"scheme": "both",
"era": "复古",
"best_for": "Condé Nast 接 chiptune 的科技杂志",
"avoid_for": "严肃企业或极简克制场景"
},
{
"name": "Together Ai",
"path": "brand-inspiration/together-ai/",
"files": [
"DESIGN.md"
],
"slug": "together-ai",
"description": "Open-source AI infrastructure. Technical, blueprint-style design.",
"category": "AI & LLM",
"industry": [
"AI",
"基础设施/企业"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"技术感",
"精密/工程感",
"暗黑原生"
],
"formality": "high",
"density": "high",
"scheme": "dark",
"era": "现代",
"best_for": "蓝图风的开源 AI 基础设施",
"avoid_for": "亲和温暖或编辑杂志场景"
},
{
"name": "Together AI",
"path": "brand-inspiration/together.ai/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "together.ai",
"description": "An inspired interpretation of Together AI's design language — an AI infrastructure platform whose surface alternates between near-black hero bands (with a three-color orange-magenta-periwinkle gradient as the single piece of brand chrome)…",
"industry": [
"AI",
"基础设施/企业"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"技术感",
"精密/工程感",
"暗黑原生"
],
"formality": "high",
"density": "high",
"scheme": "dark",
"era": "现代",
"best_for": "蓝图风的 AI 基础设施平台",
"avoid_for": "亲和温暖或编辑杂志场景"
},
{
"name": "Uber",
"path": "brand-inspiration/uber/",
"files": [
"DESIGN.md",
"README.md",
"components.html",
"tokens.css"
],
"slug": "uber",
"description": "An inspired interpretation of Uber's design language — a transportation-and-delivery super-app brand whose web surface is a black-and-white duet, framed by a custom geometric display sans, accented by a single signature pill shape (radius…",
"industry": [
"出行/本地生活"
],
"product_type": [
"消费App",
"官网/营销页"
],
"mood": [
"克制",
"影像优先",
"企业/可信"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "出行与配送超级品牌的克制营销",
"avoid_for": "奢华戏剧化或活力插画"
},
{
"name": "Vercel",
"path": "brand-inspiration/vercel/",
"files": [
"DESIGN.md",
"README.md",
"components.html",
"tokens.css"
],
"slug": "vercel",
"description": "An inspired interpretation of Vercel's design language — a developer-platform brand whose surface is a stark black-and-ink duet on near-white canvas, broken at hero scale by a multi-color mesh gradient (cyan / blue / magenta / amber) that…",
"industry": [
"开发者工具"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"极简",
"技术感",
"克制"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "开发者平台品牌，黑白极简技术感",
"avoid_for": "奢华戏剧化或温暖插画场景"
},
{
"name": "Vodafone",
"path": "brand-inspiration/vodafone/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "vodafone",
"description": "An inspired interpretation of Vodafone's design language — a telecom super-brand whose web surface alternates between editorial photography hero bands with massive uppercase display headlines and clean white content bands, anchored by the…",
"industry": [
"电信"
],
"product_type": [
"官网/营销页",
"品牌展示页"
],
"mood": [
"企业/可信",
"活力/明亮",
"影像优先"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "电信超级品牌的营销画布",
"avoid_for": "极简克制或编辑杂志场景"
},
{
"name": "VoltAgent",
"path": "brand-inspiration/voltagent/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "voltagent",
"description": "An inspired interpretation of Voltagent's design language — a developer-focused AI agent engineering platform whose surface is an unrelenting near-black canvas broken only by a single electric-green brand accent, code-editor mockups…",
"industry": [
"开发者工具",
"AI"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"技术感",
"暗黑原生",
"精密/工程感"
],
"formality": "high",
"density": "medium",
"scheme": "dark",
"era": "现代",
"best_for": "开发者向 AI agent 引擎",
"avoid_for": "亲和温暖或编辑场景"
},
{
"name": "Warp",
"path": "brand-inspiration/warp/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "warp",
"description": "An inspired interpretation of Warp's design language — an agentic terminal-and-development-environment brand whose surface is a warm near-charcoal canvas (a tint warmer than pure black), broken only by clean Inter typography, the…",
"industry": [
"开发者工具"
],
"product_type": [
"开发者平台",
"官网/营销页"
],
"mood": [
"技术感",
"暗黑原生",
"精密/工程感"
],
"formality": "high",
"density": "high",
"scheme": "dark",
"era": "现代",
"best_for": "agentic 终端与开发环境",
"avoid_for": "奢华戏剧化或活力插画"
},
{
"name": "Webex",
"path": "brand-inspiration/webex/",
"files": [
"DESIGN.md"
],
"slug": "webex",
"description": "Collaboration platform. Momentum typography, blue action system, multi-user accent spectrum.",
"category": "Productivity & SaaS",
"industry": [
"生产力/协作"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"活力/明亮",
"技术感",
"企业/可信"
],
"formality": "high",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "momentum 排版+蓝色行动系统的协作平台",
"avoid_for": "奢华戏剧化或编辑克制"
},
{
"name": "Webflow",
"path": "brand-inspiration/webflow/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "webflow",
"description": "An inspired interpretation of Webflow's design language — a visual web development platform whose surface contrasts a deep near-black `#080808` primary against a generous white canvas, broken by a five-stop chromatic accent system (purple…",
"industry": [
"内容/创意工具",
"开发者工具"
],
"product_type": [
"官网/营销页",
"SaaS"
],
"mood": [
"技术感",
"影像优先",
"克制"
],
"formality": "medium",
"density": "medium",
"scheme": "both",
"era": "现代",
"best_for": "可视化建站平台",
"avoid_for": "奢华戏剧化或活力插画"
},
{
"name": "Wechat",
"path": "brand-inspiration/wechat/",
"files": [
"DESIGN.md"
],
"slug": "wechat",
"description": "Brand visual language for WeChat Mini Programs, official accounts, and open ecosystem extensions.",
"category": "Social & Messaging",
"industry": [
"社交/通讯"
],
"product_type": [
"消费App",
"内容平台"
],
"mood": [
"内容优先",
"克制",
"亲和/友好"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "小程序/公众号/开放生态的品牌视觉",
"avoid_for": "奢华戏剧化或暗黑技术风"
},
{
"name": "WIRED",
"path": "brand-inspiration/wired/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "wired",
"description": "An inspired interpretation of Wired's design language — a flagship technology-magazine brand whose surface is a strict editorial duet of stark black wordmark on white canvas, anchored by a tall narrow custom display serif for hero…",
"industry": [
"媒体/出版"
],
"product_type": [
"内容平台",
"官网/营销页"
],
"mood": [
"编辑/杂志感",
"复古/玩味",
"影像优先"
],
"formality": "high",
"density": "high",
"scheme": "both",
"era": "现代",
"best_for": "旗舰科技杂志品牌",
"avoid_for": "极简克制或企业场景"
},
{
"name": "Wise",
"path": "brand-inspiration/wise/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "wise",
"description": "An inspired interpretation of Wise's design language — a global money-transfer brand whose surface combines an unusually heavy near-black display sans (weight 900 at 64–126 px) with a vivid lime-green brand accent, sage-tinted surface…",
"industry": [
"金融/支付"
],
"product_type": [
"消费App",
"官网/营销页"
],
"mood": [
"活力/明亮",
"亲和/友好",
"克制"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "全球汇款品牌，明亮亲和",
"avoid_for": "奢华戏剧化或暗黑技术风"
},
{
"name": "X Ai",
"path": "brand-inspiration/x-ai/",
"files": [
"DESIGN.md"
],
"slug": "x-ai",
"description": "Elon Musk's AI lab. Stark monochrome, futuristic minimalism.",
"category": "AI & LLM",
"industry": [
"AI"
],
"product_type": [
"官网/营销页"
],
"mood": [
"极简",
"未来/科幻",
"暗黑原生"
],
"formality": "high",
"density": "low",
"scheme": "dark",
"era": "未来",
"best_for": "stark 单色、未来极简的 AI 实验室",
"avoid_for": "温暖亲和或活力插画场景"
},
{
"name": "xAI",
"path": "brand-inspiration/x.ai/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "x.ai",
"description": "An inspired interpretation of xAI's design language — Elon Musk's frontier-AI company whose web surface is a strict near-black canvas broken only by white pill outlines, occasional warm sunset / dusk gradient accents, a custom geometric…",
"industry": [
"AI"
],
"product_type": [
"官网/营销页"
],
"mood": [
"极简",
"未来/科幻",
"暗黑原生"
],
"formality": "high",
"density": "low",
"scheme": "dark",
"era": "未来",
"best_for": "Elon 前沿 AI 公司的极简未来感",
"avoid_for": "温暖亲和或活力插画场景"
},
{
"name": "Xiaohongshu",
"path": "brand-inspiration/xiaohongshu/",
"files": [
"DESIGN.md"
],
"slug": "xiaohongshu",
"description": "Lifestyle UGC social platform. Singular brand red, generous radius, content-first.",
"category": "Media & Consumer",
"industry": [
"社交/通讯",
"媒体/出版"
],
"product_type": [
"消费App",
"内容平台"
],
"mood": [
"内容优先",
"亲和/友好",
"活力/明亮"
],
"formality": "low",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "UGC 内容为核心、UI 透明画框的消费产品",
"avoid_for": "强品牌存在感或暗黑技术风"
},
{
"name": "Zapier",
"path": "brand-inspiration/zapier/",
"files": [
"DESIGN.md",
"README.md"
],
"slug": "zapier",
"description": "An inspired interpretation of Zapier's design language — a workflow-automation platform whose surface combines warm-cream neutrals (`#fffefb` canvas, `#f8f4f0` soft cream) with deep coffee ink (`#201515`) and a single saturated orange CTA…",
"industry": [
"开发者工具",
"生产力/协作"
],
"product_type": [
"SaaS",
"官网/营销页"
],
"mood": [
"亲和/友好",
"技术感",
"活力/明亮"
],
"formality": "medium",
"density": "medium",
"scheme": "light",
"era": "现代",
"best_for": "工作流自动化平台",
"avoid_for": "奢华戏剧化或暗黑克制场景"
}
],
"source_notes": {
"open_design_added": [
{
"name": "arc",
"category": "brand-inspiration"
},
{
"name": "atelier-zero",
"category": "style-skills"
},
{
"name": "canva",
"category": "brand-inspiration"
},
{
"name": "cisco",
"category": "brand-inspiration"
},
{
"name": "default",
"category": "style-skills"
},
{
"name": "discord",
"category": "brand-inspiration"
},
{
"name": "duolingo",
"category": "brand-inspiration"
},
{
"name": "github",
"category": "brand-inspiration"
},
{
"name": "hud",
"category": "style-skills"
},
{
"name": "huggingface",
"category": "brand-inspiration"
},
{
"name": "kami",
"category": "brand-inspiration"
},
{
"name": "linear-app",
"category": "brand-inspiration"
},
{
"name": "loom",
"category": "brand-inspiration"
},
{
"name": "mission-control",
"category": "style-skills"
},
{
"name": "mistral-ai",
"category": "brand-inspiration"
},
{
"name": "openai",
"category": "brand-inspiration"
},
{
"name": "opencode-ai",
"category": "brand-inspiration"
},
{
"name": "perplexity",
"category": "brand-inspiration"
},
{
"name": "together-ai",
"category": "brand-inspiration"
},
{
"name": "totality-festival",
"category": "style-skills"
},
{
"name": "trading-terminal",
"category": "style-skills"
},
{
"name": "urdu",
"category": "style-skills"
},
{
"name": "warm-editorial",
"category": "style-skills"
},
{
"name": "webex",
"category": "brand-inspiration"
},
{
"name": "wechat",
"category": "brand-inspiration"
},
{
"name": "x-ai",
"category": "brand-inspiration"
},
{
"name": "xiaohongshu",
"category": "brand-inspiration"
}
],
"open_design_enriched": [
{
"name": "figma",
"category": "brand-inspiration",
"file": "components.html"
},
{
"name": "figma",
"category": "brand-inspiration",
"file": "tokens.css"
},
{
"name": "apple",
"category": "brand-inspiration",
"file": "components.html"
},
{
"name": "apple",
"category": "brand-inspiration",
"file": "tokens.css"
},
{
"name": "notion",
"category": "brand-inspiration",
"file": "components.html"
},
{
"name": "notion",
"category": "brand-inspiration",
"file": "tokens.css"
},
{
"name": "uber",
"category": "brand-inspiration",
"file": "components.html"
},
{
"name": "uber",
"category": "brand-inspiration",
"file": "tokens.css"
},
{
"name": "stripe",
"category": "brand-inspiration",
"file": "components.html"
},
{
"name": "stripe",
"category": "brand-inspiration",
"file": "tokens.css"
},
{
"name": "vercel",
"category": "brand-inspiration",
"file": "components.html"
},
{
"name": "vercel",
"category": "brand-inspiration",
"file": "tokens.css"
},
{
"name": "shopify",
"category": "brand-inspiration",
"file": "components.html"
},
{
"name": "shopify",
"category": "brand-inspiration",
"file": "tokens.css"
},
{
"name": "spotify",
"category": "brand-inspiration",
"file": "components.html"
},
{
"name": "spotify",
"category": "brand-inspiration",
"file": "tokens.css"
},
{
"name": "airbnb",
"category": "brand-inspiration",
"file": "components.html"
},
{
"name": "airbnb",
"category": "brand-inspiration",
"file": "tokens.css"
},
{
"name": "slack",
"category": "brand-inspiration",
"file": "components.html"
},
{
"name": "slack",
"category": "brand-inspiration",
"file": "tokens.css"
},
{
"name": "cursor",
"category": "brand-inspiration",
"file": "components.html"
},
{
"name": "cursor",
"category": "brand-inspiration",
"file": "tokens.css"
}
],
"index_enriched": "brand_inspiration entries upgraded with slug + display name + one-line description (+ category when available), extracted from each DESIGN.md frontmatter, so brands are selectable by mood/use-case instead of name only.",
"brand_tags": "Each brand carries multi-dimensional tags (industry/product_type/mood arrays + formality/density/scheme/era + best_for/avoid_for) from a controlled vocabulary, mirroring deck template.json. A brand can match multiple categories per dimension (many-to-many retrieval)."
}
}
Reference in new issue View Git Blame Copy Permalink