Atlassian Design System
Atlassian Design System / 2012– / 风格 / 平台界面语言
一套把 Jira 与 Confluence 的复杂度转译为共享令牌、内容规则、间距、网格和组件的系统。一致性建立信任，也让大量议题、文档和状态仍可导航。
快速判断
视觉特征
- 白色与浅灰色层次配蓝色主要操作
- 圆角卡片与胶囊形状态标签
- 侧栏、表格和详情面板之间界限清楚
- 颜色、间距、圆角与高度均由令牌控制
适用场景
- Work-management products where people move repeatedly between lists and details
- Keeping a trusted family resemblance across products without hiding their complexity
使用这一风格
把简短指引带入项目，或将结构化规格交给AI工具。
详细方法与出处制作规则、真实案例、比较、研究与引用格式
辞典词条
- 字体
- Fix the steps for headings, body and labels; keep status names short inside lozenges.
- 版面
- Keep navigation, list and detail roles stable; use token multiples for spacing.
- 材料
- Use white and pale gray as the base, blue for primary actions and one semantic meaning per status color.
- 注意
- Too many cards and status labels give every component equal force and hide the work that matters next.
- 延伸阅读
- Atlassian design principles / Status lozenges / Spacing, radius and elevation tokens
相关词条
- GitHub Primer (GitHub Primer)同属平台界面语言。比较Atlassian Design System与GitHub Primer
- Corporate Memphis (コーポレート・メンフィス)共同感受：Intimacy / Trust。比较Atlassian Design System与Corporate Memphis
继续浏览平台界面语言
从平台界面语言中按共同感受优先推荐以下词条。
- Shopify Polaris (Shopify Polaris)共同感受：Trust / Intimacy / Technique。
- Salesforce Lightning Design System (Salesforce Lightning)共同感受：Trust / Technique / Intimacy。
- Ubuntu Yaru (Ubuntu Yaru)共同感受：Technique / Intimacy / Trust。
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- Link
- https://indexstyle.org/zh/styles/atlassian-design-system
- Markdown
- [Atlassian Design System — IndexStyle](https://indexstyle.org/zh/styles/atlassian-design-system)
- HTML
- <a href="https://indexstyle.org/zh/styles/atlassian-design-system">Atlassian Design System — IndexStyle</a>