{"name":"Sona8 design system","version":"3.0, 13 October 2026","rules":"https://sona8.com/design/brand.md","claim":"Listen & move forward.","colour":{"white":{"hex":"#FFFFFF","role":"The page."},"light-grey":{"hex":"#FCFBFF","role":"Cards and bands that set a section apart."},"highlight":{"hex":"#9677FF","role":"The one accent fill: primary button, chips, selection, focus, the lead chart series. Never text on white.","contrast":"3.29:1 on white, so never text. Black on Highlight 5.82:1."},"dark-purple":{"hex":"#211F54","role":"Accent text and links, pressed buttons, the footer and dark fields.","contrast":"15.12:1 on white. White on Dark Purple 15.12:1."},"black":{"hex":"#0F0F0F","role":"Text, the logo, the client logo band."},"muted":{"hex":"#5C5A6E","role":"Secondary text.","contrast":"6.68:1 on white."},"highlight-hover":{"hex":"#8466F2","role":"Primary button on hover."},"hairline":{"hex":"#E7E5EF","role":"The one hairline for cards, inputs and tables."},"input":{"hex":"#D4D1E0","role":"Input borders."},"chip":{"hex":"#F1F0F7","role":"Chips, ghost hover, free days in a calendar."},"destructive":{"hex":"#C42B3C","role":"Errors and deleting. Always with an icon and a word."},"warning":{"hex":"#8A5A00","role":"Something needs a look. Always with an icon and a word."},"success":{"hex":"#1C7A55","role":"Done. Always with an icon and a word."}},"chart":["#9677FF","#211F54","#5B44C9","#0F0F0F","#7A788C"],"ramp":["#D6CCFF","#B3A0FF","#9677FF","#5B44C9","#211F54"],"type":{"heading":{"family":"Newsreader","weight":400,"fallback":"Georgia, serif"},"sans":{"family":"Inter","weights":[400,600,700],"fallback":"Arial, sans-serif"},"scale":{"Hero":{"face":"Newsreader","spec":"Regular, 44 to 88 px, leading 1.05, -0.02em","use":"The landing page headline."},"Banner":{"face":"Newsreader","spec":"Regular, 40 to 74 px, leading 1.1, -0.02em","use":"The claim on a photo, the closing question."},"Display":{"face":"Newsreader","spec":"Regular, 40 to 60 px, leading 1.08","use":"H1 on other pages."},"Title":{"face":"Newsreader","spec":"Regular, 32 to 44 px, leading 1.12","use":"H2."},"Heading":{"face":"Newsreader","spec":"Regular, 24 px, leading 1.2","use":"H3, names, step titles."},"Figure":{"face":"Newsreader","spec":"Regular, 48 px, tabular lining numerals","use":"Big figures with their source."},"Body":{"face":"Inter","spec":"Regular, 16 to 17 px, leading 1.5 to 1.6","use":"Body text, UI, emails, captions."},"Section label":{"face":"Inter","spec":"Bold, uppercase, 13 px, +0.1em","use":"Small labels above a section, footer headings."},"Column header":{"face":"Inter","spec":"Bold, uppercase, 12 px, +0.04em","use":"Table column headers."}}},"shape":{"radius":"8px","pill":"9999px","pageMax":"1440px"},"motion":{"ease":"cubic-bezier(0.2, 0, 0, 1)","reveal":"blur 10px to sharp, 600ms"},"logo":["https://sona8.com/assets/logo/sona8-logo-black.svg","https://sona8.com/assets/logo/sona8-logo-black.png","https://sona8.com/assets/logo/sona8-logo-white.svg","https://sona8.com/assets/logo/sona8-logo-white.png","https://sona8.com/assets/logo/sona8-logo-purple.svg","https://sona8.com/assets/logo/sona8-logo-purple.png","https://sona8.com/assets/logo/sona8-icon-black.svg","https://sona8.com/assets/logo/sona8-icon-black.png","https://sona8.com/assets/logo/sona8-icon-white.svg","https://sona8.com/assets/logo/sona8-icon-white.png","https://sona8.com/assets/logo/sona8-icon-purple.svg","https://sona8.com/assets/logo/sona8-icon-purple.png"],"retired":["The violet system: #8B3DF5, #B794FF, Orchid #DE71F4, the violet-to-orchid gradient.","The old site colours: navy #0A0B1C and #15173F, beige #F9F4EB, Near Black #1A2226, Slate #5B6B73.","The old logo: a hollow ring with satellite rings joined by spokes.","Public Sans, IBM Plex Mono, Fraunces, Geist and Arial as brand faces.","The old slogan \"Good strategy starts with listening.\""]}