Shopify

Tavolozza

Marca

• Shopify Mint #36f4a4 — Gli indicatori di navigazione attivi, gli anelli di messa a fuoco, le evidenziazioni dei tag e le evidenziazioni al passaggio del mouse sui link sono gli unici elementi cromatici che creano un senso di interattività abilitata su uno sfondo scuro.

Neutro

• Midnight Forest #02090a — Area di lavoro della pagina, immagini di sfondo dell'intestazione, immagini di sfondo della sezione
• Deep Lichen #061a1c — Superfici principali della scheda, pannelli in rilievo, blocchi di contenuto.
• Shaded Fern #072720 — Pannello di navigazione, schede aggiuntive, sollevamento del pannello appena percettibile.
• Spruce Border #1e2c31 — Bordi sottili per schede, linee divisorie, contorni dei campi di input.
• Abyss Indigo #000a1e — Superficie aggiuntiva per l'inserimento di prodotti/dimostrazioni, pannelli con descrizioni delle funzioni.
• Pure White #ffffff — Testo principale, riempimento dei pulsanti, titolo, loghi.

Tipografia

da 12 a 70px · 8 passaggi

• Neue Haas Grotesk — sostituzione: Inter · contorni 330, 400, 500, 550, 600 · Il sistema tipografico principale è costituito da titoli con un peso del carattere di 70–96px (330–400), che risultano discreti piuttosto che vistosi; testo del corpo con un peso del carattere di 16–18px (400–500); e navigazione e interfaccia utente con un peso del carattere di 14–16px (500–550). Il peso del carattere ultraleggero di 330 su schermi di grandi dimensioni è una caratteristica distintiva: trasmette sicurezza attraverso la sobrietà piuttosto che l'eccessiva pesantezza.
• Inter Variable — sostituzione: Inter · contorni 400, 420, 450, 550 · Un carattere secondario utilizzato negli elementi dell'interfaccia di navigazione, nelle note brevi, nei controlli a schede e nel microtesto nei piè di pagina. Le sue lettere minuscole leggermente più grandi e la spaziatura tra le lettere più standard lo rendono più leggibile a dimensioni compatte. È inoltre adatto a situazioni in cui un carattere di peso 420 colma il divario tra un carattere normale e uno di medie dimensioni.

Intervalli e forma

Stili simili

• Retool — Un'officina calda di ossidiana: una superficie per strumenti di precisione, illuminata da braci ardenti, dove tutto prende forma.
• Elektron — A mezzanotte, il pannello di controllo dell'apparecchiatura si presenta come una tela quasi nera, dove le foto dei prodotti risaltano mentre l'interfaccia rimane praticamente invisibile.
• REKKI — Pannello di controllo del volo nel laboratorio fotografico
• OFFFICE : — una galleria noir inghiottita da un carattere monolitico
• Clyde — Lo showroom, illuminato da un unico faretto, è una galleria quasi buia dove l'unico colore presente è una calda sfera sfumata.
• Channel Studio — Un laboratorio fotografico in studio con un paralume color corallo
• Electronic Materials Office — Un tizzone ardente in una galleria decorata con carbone
• ORYZO AI — Un reportage fotografico su una camera oscura. Un oggetto solitario sospeso nella calda oscurità, un carattere color crema come unica decorazione.
• Factory — Il terminale della "sala di guerra" a mezzanotte. La "fabbrica" è un pannello di controllo nero e spoglio dove una singola scheda bianca atterra come un messaggio illuminato da una torcia: l'unico oggetto nella stanza è il lavoro stesso.
• Hungry Tiger — Graffiti color curcuma brillante sulla parete del tandoor. Una tavolozza uniforme di oro e marrone ruggine, con un carattere così grande da sembrare più l'insegna di un mercato delle spezie che un sito web.
• Bibliothèque — Una galleria nera a forma di cubo illuminata da un riflettore: una lastra solitaria e luminosa in una vasta sala buia.
• Apple (España) — teatro nero con scenografie illuminate