Shopify Polaris
Shopify Polaris / 2017– / Stil / Bildschirmsprachen
Shopifys UI-Framework gibt Produkten, Bestellungen, Zahlungen und Kunden eine gemeinsame Handelssprache. Karten und Abschnitte trennen Entscheidungen, kurze Status- und Handlungstexte helfen, den Shop in Bewegung zu halten.
Auf einen Blick
Visuelle Merkmale
- Weiße Karten auf hellem Grund gestapelt
- Grün als Zeichen für Erfolg oder Fortschritt
- Titel, Status und wichtigste Aktion oben gebündelt
- Kompakte Kennzeichnungen für Produkt-, Bestell- und Zahlungsstatus
Geeignet für
- Management screens that connect order status to the next operational action
- Giving business tools a calm, humane voice without losing rigor
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
- Lead with the page title and primary action; split status and explanation into badge and body text.
- Komposition
- Stack white cards on a pale ground, with one business decision per card.
- Material
- Use neutrals as the base, green for success and progress, and red only for danger.
- Zu vermeiden
- Putting everything in a card removes the order of the page. Define the workflow and primary action outside the cards first.
- Zum Weiterlesen
- Shopify admin page structure / Commerce status labels / Polaris as Web Components
Verwandte Einträge
- Atlassian Design System (Atlassian Design System)Gleiche Familie: Bildschirmsprachen.Shopify Polaris und Atlassian Design System vergleichen
- Bento Grid (ベントーグリッド)Gemeinsame Wirkungen: Trust / Intimacy / Technique.Shopify Polaris und Bento Grid vergleichen
Mehr aus Bildschirmsprachen
Weitere Stile aus Bildschirmsprachen, nach gemeinsamen Wirkungen geordnet.
- Salesforce Lightning Design System (Salesforce Lightning)Gemeinsame Wirkungen: Trust / Technique / Intimacy.
- Ubuntu Yaru (Ubuntu Yaru)Gemeinsame Wirkungen: Technique / Intimacy / Trust.
- Motif (モチーフ)Gemeinsame Wirkungen: Technique / 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/shopify-polaris
- Markdown
- [Shopify Polaris — IndexStyle](https://indexstyle.org/de/styles/shopify-polaris)
- HTML
- <a href="https://indexstyle.org/de/styles/shopify-polaris">Shopify Polaris — IndexStyle</a>