社交与社区设计系统
提取自社交网络、社区平台和个人网站的设计系统。信息流、个人主页、头像和发布控件定义了它们，通常配有一个活泼的品牌色，以及圆润友好的组件。
此分类中有 2 个 DESIGN.md 示例，来自 Dribbble 和 Snapchat。提取自各网站的公开页面，并非官方品牌规范。刚接触这个格式？请阅读什么是 DESIGN.md。
社区、社交与个人 · Community & Forum
Dribbble
Dribbble 的设计系统以深邃的近黑海军蓝（#0d0c22）搭配干净的白色底面为基础，并以标志性的热粉色（#ea4c89）作为强调色，克制地用于编辑式重点和交互高亮。整套排版体系只使用 Mona Sans 字体，所有字重一以贯之，层级完全依靠字重和字号来建立。胶囊形按钮（border-radius: 1e+07px）与圆角卡片（12px 圆角）共同定义了整体的几何语言。布局留白宽松，基于 8px 基础网格，层级主要通过柔和的投影来体现，而非厚重的叠层效果。
社区、社交与个人 · Social Network
Snapchat
Snapchat 的网页形象采用高对比度的浅色主题，以标志性的 #FFFC00 品牌黄为核心，搭配近黑色（#121314）的主要表面和干净的白色页面背景。字体设计以 Avenir Next 为主、Graphik 为辅，形成友好而有条理的字体层级。按钮、胶囊和标签等交互元素采用完全圆角（100px）的圆角半径，输入框则使用柔和的 5px 圆角。导航栏为悬浮胶囊形态，带有柔和的投影。内容以大尺寸媒体卡片呈现，卡片上叠加白色文字，营造沉浸式、以应用预览为重心的版式。整体密度适中，留白充足，视觉层级清晰，兼顾了营销页面与产品界面的设计惯例。