{"id":"80ad4cc4-de09-49b7-b831-0f098ece6b16","name":"Startupblowup","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/80ad4cc4-de09-49b7-b831-0f098ece6b16","originalSiteUrl":"https://www.startupblowup.com","capturedAt":"2026-04-30T02:39:24.223Z","colors":[{"name":"Canvas Parchment","hex":"#f4eddc","role":"Page backgrounds, large hero sections — a soft, warm cream providing a friendly base","group":"neutral","cssVariable":"--color-canvas-parchment"},{"name":"Midnight Ink","hex":"#000000","role":"All text elements, thick borders, UI outlines","group":"neutral","cssVariable":"--color-midnight-ink"},{"name":"Charcoal Fill","hex":"#1f1f1f","role":"Illustrative fills, secondary background shapes","group":"neutral","cssVariable":"--color-charcoal-fill"},{"name":"Bubblegum Pink","hex":"#fad3b6","role":"Predominantly used for accent fills within illustrations, adding warmth","group":"accent","cssVariable":"--color-bubblegum-pink"},{"name":"Avatar Blue","hex":"#7399f8","role":"Illustrative accents, like hair color in the main graphic","group":"accent","cssVariable":"--color-avatar-blue"}],"typography":[{"role":"Primary text across the site for body content, links, and general UI labels. It serves as a neutral, highly readable foundation.","sizes":"16px","family":"sans-serif","weight":"400","lineHeight":"1.20","substitute":"system-ui"}],"spacing":{"radius":{"none":"0px"},"elementGap":"16px","sectionGap":"64px","cardPadding":"24px"},"radius":{"none":"0px"},"guidelines":{"do":["Always use 'Canvas Parchment' (#f4eddc) as the base background color for new pages and sections.","Render all text and primary UI outlines in 'Midnight Ink' (#000000) for high contrast and visual consistency.","Utilize 'sans-serif' at 16px weight 400 with 1.2 line height for body text to maintain clarity.","Apply 'Bubblegum Pink' (#fad3b6) as a decorative fill color within new illustrations for a consistent brand accent.","Maintain high contrast ratios for all text against backgrounds, ensuring AAA accessibility (e.g., Midnight Ink on Canvas Parchment)."],"dont":["Do not introduce new saturated colors beyond 'Bubblegum Pink' or 'Avatar Blue' without explicit approval, to preserve the muted palette.","Avoid using multiple font families; stick to the system's sans-serif font for all textual content.","Do not add shadows or complex gradients to UI elements, as the system relies on flat colors and outlines.","Refrain from using thin strokes or borders; maintain the thick, illustrative outline style everywhere.","Do not vary line heights or letter spacing from the established typography baseline for body text."]}}