Shopify Polaris
Shopify Polaris / 2017– / Estilo / Lenguajes de pantalla
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
Imágenes en la página de origen
Entrada del diccionario
- Usos idóneos
- Management screens that connect order status to the next operational action · Giving business tools a calm, humane voice without losing rigor
- Tipografía
- Lead with the page title and primary action; split status and explanation into badge and body text.
- Composición
- 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.
- Precaución
- Putting everything in a card removes the order of the page. Define the workflow and primary action outside the cards first.
- Para profundizar
- Shopify admin page structure / Commerce status labels / Polaris as Web Components
Entradas relacionadas
Citar esta entrada
El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.
- Link
- https://indexstyle.org/es/styles/shopify-polaris
- Markdown
- [Shopify Polaris — IndexStyle](https://indexstyle.org/es/styles/shopify-polaris)
- HTML
- <a href="https://indexstyle.org/es/styles/shopify-polaris">Shopify Polaris — IndexStyle</a>