{"id":"f212ff99-24fa-4646-a0f2-46a815736ecd","source":{"name":"Refero","url":"https://styles.refero.design/","kind":"public-design-reference"},"contributors":[{"name":"Refero","role":"reference-helper","url":"https://styles.refero.design/"}],"attributionLabel":"Referenced with help from Refero","sourceUrl":"https://styles.refero.design/style/f212ff99-24fa-4646-a0f2-46a815736ecd","originalSiteUrl":"https://www.shopify.com","capturedAt":"2026-04-29 00:21:46.446915","licenseNote":"Public design-reference facts mirrored from Refero for agent context. Keep source attribution visible and verify rights before reusing media, logos, or brand assets.","name":"Shopify","summary":"Midnight Command Center: A sophisticated dark interface, both precise and dynamically lit.","description":"Midnight Command Center: A sophisticated dark interface, both precise and dynamically lit.","colorScheme":"dark","colors":[{"name":"Pitch Black","hex":"#000000"},{"name":"Deep Ocean","hex":"#02090a"},{"name":"Charcoal Grey","hex":"#061a1c"},{"name":"Steel Gaze","hex":"#1e2c31"},{"name":"Twilight Indigo","hex":"#000a10"},{"name":"Abyssal Violet","hex":"#010624"}],"fonts":["NeueHaasGrotesk","Inter-Variable"],"typography":[{"family":"NeueHaasGrotesk","role":"Referenced font family"},{"family":"Inter-Variable","role":"Referenced font family"}],"guidelines":{"do":[],"dont":[]},"media":{"screenshotUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777422557366-screenshot.jpg","thumbnailUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777422557366-thumb.jpg"},"exports":{"designMdUrl":"/references/refero/f212ff99-24fa-4646-a0f2-46a815736ecd/design.md","tokensJsonUrl":"/references/refero/f212ff99-24fa-4646-a0f2-46a815736ecd/tokens.json","tailwindV4Url":"/references/refero/f212ff99-24fa-4646-a0f2-46a815736ecd/tailwind-v4.css","cssVariablesUrl":"/references/refero/f212ff99-24fa-4646-a0f2-46a815736ecd/tailwind-v4.css"}}