{"id":"65b30976-3663-40b2-8751-7a360ba74539","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/65b30976-3663-40b2-8751-7a360ba74539","originalSiteUrl":"https://apollographql.com","capturedAt":"2026-02-23 18:29:38","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":"Apollographql","summary":"Deep space operations center: dark, high-contrast UI with a single vibrant accent for critical actions, like indicator lights on a mission control panel.","description":"Deep space operations center: dark, high-contrast UI with a single vibrant accent for critical actions, like indicator lights on a mission control panel.","colorScheme":"both","colors":[{"name":"Midnight Ink","hex":"#15252d"},{"name":"Comet Dust","hex":"#f8f8f8"},{"name":"Nebula Gray","hex":"#e2e8f0"},{"name":"Crater Gray","hex":"#9fb2bc"},{"name":"Off-White Cloud","hex":"#efefef"},{"name":"Fusion Orange","hex":"#e75e15"}],"fonts":["Inter","Fira Code"],"typography":[{"family":"Inter","role":"Referenced font family"},{"family":"Fira Code","role":"Referenced font family"}],"guidelines":{"do":[],"dont":[]},"media":{"screenshotUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932255790-screenshot.jpg","thumbnailUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932255790-thumb.jpg"},"exports":{"designMdUrl":"/references/refero/65b30976-3663-40b2-8751-7a360ba74539/design.md","tokensJsonUrl":"/references/refero/65b30976-3663-40b2-8751-7a360ba74539/tokens.json","tailwindV4Url":"/references/refero/65b30976-3663-40b2-8751-7a360ba74539/tailwind-v4.css","cssVariablesUrl":"/references/refero/65b30976-3663-40b2-8751-7a360ba74539/tailwind-v4.css"}}