浏览风格 / Browse · Webdesign Zondev

瑞士网格 (Swiss Typographic Grid)

主参考：Signal-A Studio

适合做：档案站 · 工作室 · 参考库

对应 Skill：12 列或明确模数网格 · 一个无衬线主字体

品牌案例档案 (Identity Case Archive)

主参考：Pentagram

适合做：品牌机构 · 设计咨询 · 案例档案

对应 Skill：首页和案例索引要有档案感 · 案例标题、行业、年份、服务范围要清楚

机构项目网格 (Institutional Program Grid)

主参考：Swiss Institute

适合做：美术馆站 · 机构项目 · 节展计划

对应 Skill：首页同时容纳机构介绍、program、日程和申请入口 · 标题和栏目层级必须同时成立

公共服务清晰系统 (Civic Service Clarity)

主参考：GOV.UK

适合做：公共服务站 · 流程办理页 · 服务设计文档

对应 Skill：先任务，再解释，再扩展 · plain language 比个性更重要

极简黑白 (Monochrome Studio Systems)

主参考：Fictive Kin

适合做：作品集 · 品牌站 · 工作室

对应 Skill：项目索引是主角 · 黑白对比要靠字重和字号拉开

暗色画廊 (Dark Studio Gallery)

主参考：Fictive Kin / Work

适合做：工作室作品集 · 案例展示 · Selected Works

对应 Skill：先作品网格再解释 · 标题退后一步

建筑空间极简 (Architecture Space Minimal)

主参考：Snohetta

适合做：建筑事务所 · 空间品牌 · practice archive

对应 Skill：让空间图像占主导 · 标题和项目名要像 practice archive

人文现代 (Humanist Modern Brand)

主参考：Monocle

适合做：生活方式品牌 · 现代产品品牌 · 内容品牌首页

对应 Skill：现代目录和品牌叙事并存 · 字要清楚但不生硬

酒店场景叙事 (Hospitality Scene Editorial)

主参考：Ace Hotel

适合做：酒店品牌 · 餐饮空间 · 城市场景页

对应 Skill：首屏先让人进入场景 · 标题像地点或节目单而不是广告口号

现代零售极简 (Modern Commerce Minimal)

主参考：Everlane

适合做：服饰零售 · DTC 品牌 · 品类目录页

对应 Skill：让品类入口、精选单品和品牌语气并存 · 标题像品牌语气而不是促销 banner

摄影期刊档案 (Photo Journal Archive)

主参考：Aperture

适合做：摄影出版 · 图像档案 · 艺术期刊

对应 Skill：封面位和 issue archive 要共存 · 标题像 issue 名和 essay 标题

报告叙事 (Report Storytelling Narrative)

主参考：People + AI Guidebook

适合做：年度报告 · 研究专题 · 影响力报告

对应 Skill：先结论再证据 · 标题像章节而不是广告口号

设计系统基座 (Design System Foundation)

主参考：Atlassian Foundations

适合做：设计系统 · 组件规范 · 基础库

对应 Skill：foundation、component、pattern 要是一级入口 · 层级像文档系统而不是品牌广告

文档优先开源产品 (Docs-First Open Source Hybrid)

主参考：Supabase

适合做：开源产品 · framework 官网 · 开发者工具

对应 Skill：首屏先给 get started · 大标题直接说明是什么

专家课程平台 (Expert Course Marketplace)

主参考：Maven

适合做：课程平台 · creator education · cohort course

对应 Skill：课程卡、导师信誉和 syllabus 入口要并存 · 课程名、导师名和关键信息都要清楚

开发者平台 (Developer Infrastructure Aura)

主参考：Vercel

适合做：云平台 · 开发者工具 · API 平台

对应 Skill：首屏先讲平台能力和可信度 · 无衬线为主

金融可信平台 (Fintech Trust Platform)

主参考：Mercury

适合做：支付平台 · 银行产品 · 财务工具

对应 Skill：首屏同时解释价值和可信路径 · 数字、费用、到账时间和安全信息都要清楚

Bento 产品发布 (Bento Product Launch)

主参考：Bolt

适合做：AI 产品 · startup 官网 · 模块化 landing page

对应 Skill：hero 之后立刻进入 bento 卡片 · 标题要直接说明能力

AI 助手着陆页 (AI Companion Landing)

主参考：Decagon

适合做：agent 产品 · 客服 AI · 自动化助手

对应 Skill：首屏就给出 agent 角色 · 标题要先说 agent 在替谁工作

医疗健康软科技 (Health & Care Soft-Tech)

主参考：Superpower

适合做：数字健康 · care 科技 · 医疗品牌站

对应 Skill：首屏既要有人味也要有产品逻辑 · 用词要可信、温和、明确

前沿研究实验室 (Frontier Research Lab)

主参考：Anthropic

适合做：研究机构 · AI research · 科学平台公司

对应 Skill：首屏先给研究立场和机构身份 · 标题像 thesis 而不是营销口号

工业硬件极简 (Industrial Hardware Minimal)

主参考：Apple MacBook Pro

适合做：硬件发布 · 设备单品 · 科技品牌

对应 Skill：让物体本身占主导 · 说明文字少而准

创意媒体 (Creative Media Editorial)

主参考：It's Nice That

适合做：创意媒体 · 设计博客 · 文化资讯

对应 Skill：先有 lead story 再有次级栏目 · 标题、栏目、时间和作者信息都要清楚

评论期刊首页 (Journal Frontpage)

主参考：The New Yorker

适合做：评论媒体 · 文化周刊 · 长期刊物

对应 Skill：首页像持续更新的 front page · 刊头权威感很重要

霓虹科技 (Neon Techno-Futurist Interface)

主参考：PlayStation 5

适合做：游戏页 · 发布页 · 未来科技

对应 Skill：首屏先定世界观 · 标题可以更大更硬朗

杂志编辑 (Magazine Editorial)

主参考：Frieze

适合做：出版站 · 内容站 · 专题页

对应 Skill：首屏像 cover 或 lead spread · 标题与副标题节奏要像杂志

时尚奢刊 (Luxury Fashion Editorial)

主参考：T Magazine

适合做：时尚品牌 · 奢刊专题 · 文化品牌

对应 Skill：首屏像大片封面 · serif 与 sans 组合更明显

工艺自然 (Quiet Lifestyle Editorial)

主参考：Kinfolk

适合做：生活方式 · 品牌页 · 慢内容

对应 Skill：大图和留白优先 · 字比 Swiss 更松弛

编辑商店 (Editorial Commerce Catalog)

主参考：The Gentlewoman

适合做：设计商店 · 刊物目录 · 内容品牌零售

对应 Skill：内容、商品和精选合集要能并列出现 · 标题像刊物目录而不是促销 banner

排印海报实验 (Experimental Typographic Poster)

主参考：Studio Feixen

适合做：设计活动 · 展览专题 · 文化 campaign

对应 Skill：更像海报系统或活动识别 · 字体本身就是主视觉

大胆个性 (Playful Postmodern / Anti-Grid)

主参考：Bureau Borsche

适合做：创作者 · 个人站 · 反模板发布

对应 Skill：反网格但不反可读 · 字可以更大更冲突

粗野直给 (Brutalist Raw Interface)

主参考：Gumroad

适合做：创作者发布 · 实验品牌 · 宣言页

对应 Skill：边框和块面要明确 · 标题更硬更直给

产品工具 (Product Precision Interface)

主参考：Linear

适合做：AI 工具 · 产品官网 · 平台页

对应 Skill：首屏先解释任务和收益 · 无衬线为主

模板市场 (Template Market Library)

主参考：Notion Templates

适合做：模板库 · Prompt 库 · Starter Kit

对应 Skill：首页就是筛选和比较入口 · 标题短而准

甄选展示索引 (Showcase Discovery Index)

主参考：Awwwards / Websites

适合做：甄选案例站 · 奖项展示 · 灵感发现

对应 Skill：先有 featured 或 curated picks 再有案例墙 · 分类 chips、精选标题和站点名要很好扫

参考目录 (Curated Reference Directory)

主参考：SiteInspire

适合做：灵感库 · 模板库 · 参考站

对应 Skill：首页就是入口和分类 · 卡片标题和分类标签清楚

作品社区网络 (Creative Portfolio Network)

主参考：Behance

适合做：创意社区 · 作品平台 · 公开案例库

对应 Skill：项目网格、个人主页和发现机制要同时成立 · 项目名、作者名、收藏或互动信息都要清楚

灵感看板 (Networked Visual Board)

主参考：Are.na

适合做：灵感库 · 研究地图 · 案例收集

对应 Skill：支持收藏、关联、回访 · 卡片标题和标签必须易扫

知识系统 (Evidence-Dense Knowledge Surface)

主参考：Our World in Data

适合做：知识库 · 研究站 · 设计系统

对应 Skill：先结论再证据 · 正文和标签系统要一起设计

舞台展示 (Stage-Driven Showcase)

主参考：A24

适合做：品牌发布 · 作品首屏 · Campaign

对应 Skill：首屏只有一个强主角 · 标题像海报或镜头标题