Atlassian Design System
Atlassian Design System / 2012– / Stil / Bildschirmsprachen
Ein System, das die Komplexität von Jira und Confluence in gemeinsame Tokens, Inhaltsregeln, Abstände, Raster und Komponenten übersetzt. Konsistenz schafft Vertrauen und hält große Mengen an Vorgängen, Dokumenten und Zuständen navigierbar.
Auf einen Blick
Visuelle Merkmale
- Weiße und hellgraue Ebenen mit blauen Hauptaktionen
- Abgerundete Karten und rautenförmige Statuskennzeichnungen
- Klare Trennung zwischen Seitenleiste, Tabelle und Detailbereich
- Farbe, Abstand, Radius und Höhe werden durch Tokens gesteuert
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
Diesen Stil verwenden
Nutze das Kurzbriefing im Projekt oder übergib die strukturierte Spezifikation an ein KI-Werkzeug.
Ausführliche Anleitung und QuellenProduktionsregeln, Referenzwerke, Vergleiche, Forschung und Zitate
Wörterbucheintrag
- 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
- GitHub Primer (GitHub Primer)Gleiche Familie: Bildschirmsprachen.Atlassian Design System und GitHub Primer vergleichen
- Corporate Memphis (コーポレート・メンフィス)Gemeinsame Wirkungen: Intimacy / Trust.Atlassian Design System und Corporate Memphis vergleichen
Mehr aus Bildschirmsprachen
Weitere Stile aus Bildschirmsprachen, nach gemeinsamen Wirkungen geordnet.
- Shopify Polaris (Shopify Polaris)Gemeinsame Wirkungen: Trust / Intimacy / Technique.
- Salesforce Lightning Design System (Salesforce Lightning)Gemeinsame Wirkungen: Trust / Technique / Intimacy.
- Ubuntu Yaru (Ubuntu Yaru)Gemeinsame Wirkungen: Technique / Intimacy / Trust.
Alle Einträge aus Bildschirmsprachen ansehen
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>