Shopify Polaris
Shopify Polaris / 2017– / Style / Langages d'écran
Shopify's UI framework for giving products, orders, payments and customers one commerce language. Cards and sections separate decisions, while short status and action language helps a merchant keep the store moving.
White cards stacked on a pale ground / Green used as success or forward motion / Title, status and primary action gathered at the top / Compact badges for product, order and payment states
Entrée du dictionnaire
- Usages idéaux
- Management screens that connect order status to the next operational action · Giving business tools a calm, humane voice without losing rigor
- Typographie
- Lead with the page title and primary action; split status and explanation into badge and body text.
- Composition
- Stack white cards on a pale ground, with one business decision per card.
- Matière
- Use neutrals as the base, green for success and progress, and red only for danger.
- Précaution
- Putting everything in a card removes the order of the page. Define the workflow and primary action outside the cards first.
- Pour approfondir
- Shopify admin page structure / Commerce status labels / Polaris as Web Components
Entrées liées
Citer cette entrée
Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.
- Link
- https://indexstyle.org/fr/styles/shopify-polaris
- Markdown
- [Shopify Polaris — IndexStyle](https://indexstyle.org/fr/styles/shopify-polaris)
- HTML
- <a href="https://indexstyle.org/fr/styles/shopify-polaris">Shopify Polaris — IndexStyle</a>