Atlassian Design System

Atlassian Design System / 2012– / Stil / Bildschirmsprachen

A system that translates the complexity of Jira and Confluence into shared tokens, content rules, spacing, grids and components. Consistency builds trust while keeping large sets of issues, documents and states navigable.

White and pale gray layers with blue primary actions / Rounded cards and lozenge-shaped status labels / Clear divisions among sidebar, table and detail pane / Color, spacing, radius and elevation controlled by tokens

Abbildungen auf der Quellseite

Wörterbucheintrag

Geeignet für
Work-management products where people move repeatedly between lists and details · Keeping a trusted family resemblance across products without hiding their complexity
Typografie
Fix the steps for headings, body and labels; keep status names short inside lozenges.
Komposition
Keep navigation, list and detail roles stable; use token multiples for spacing.
Material
Use white and pale gray as the base, blue for primary actions and one semantic meaning per status color.
Zu vermeiden
Too many cards and status labels give every component equal force and hide the work that matters next.
Zum Weiterlesen
Atlassian design principles / Status lozenges / Spacing, radius and elevation tokens

Verwandte Einträge

Diesen Eintrag zitieren

Das Wörterbuch ist zum Verlinken gedacht. Nehmen Sie die Form, die dorthin passt, wo Sie schreiben.

Link
https://indexstyle.org/de/styles/atlassian-design-system
Markdown
[Atlassian Design System — IndexStyle](https://indexstyle.org/de/styles/atlassian-design-system)
HTML
<a href="https://indexstyle.org/de/styles/atlassian-design-system">Atlassian Design System — IndexStyle</a>

Zurück zur Position im Index