{"id":"80ad4cc4-de09-49b7-b831-0f098ece6b16","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","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":"Startupblowup","summary":"Playful Outlined Illustrations. A hand-drawn aesthetic dominates, using simple shapes and bold lines.","description":"Startupblowup embodies a playful, cartoon-like aesthetic with thick outlines and bold, blocky shapes. The overall impression is lighthearted and approachablespecified by a warm, near-beige background serving as the primary canvas. Typography is minimal, relying on system defaults with a focus on readability rather than strong brand expression. Color is used sparingly, primarily for illustration elements to add visual interest.","industry":"other","colorScheme":"light","colors":[{"name":"Canvas Parchment","hex":"#f4eddc","role":"Page backgrounds, large hero sections — a soft, warm cream providing a friendly base","group":"neutral"},{"name":"Midnight Ink","hex":"#000000","role":"All text elements, thick borders, UI outlines","group":"neutral"},{"name":"Charcoal Fill","hex":"#1f1f1f","role":"Illustrative fills, secondary background shapes","group":"neutral"},{"name":"Bubblegum Pink","hex":"#fad3b6","role":"Predominantly used for accent fills within illustrations, adding warmth","group":"accent"},{"name":"Avatar Blue","hex":"#7399f8","role":"Illustrative accents, like hair color in the main graphic","group":"accent"}],"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."]},"customSections":[{"title":"Agent Prompt Guide","content":"Quick Color Reference:\ntext: #000000\nbackground: #f4eddc\nborder: #000000\naccent: #fad3b6\nprimary action: no distinct CTA color\n\nExample Component Prompts:\n1. Create a header section: background #f4eddc. Headline \"Startup Fail Generator\" at 24px sans-serif weight 400, color #000000. Underneath, a button \"Generate New Failure\" with background #fad3b6, text #000000, 0px border-radius, 12px padding.\n2. Design a feature card: background #f4eddc, with a 2px #000000 border. Title text \"Common Pitfalls\" at 18px sans-serif weight 400, color #000000. Body text \"Explore reasons startups fail\" at 16px sans-serif weight 400, color #000000. Add a small decorative illustration with primary fills in #fad3b6 and outlines in #000000.\nNo distinct primary action color was observed; use the extracted neutral button treatments instead of inventing a filled CTA color."}],"media":{"screenshotUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516735132-screenshot.jpg","thumbnailUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516735132-thumb.jpg"},"similarStyleIds":["6b201ccd-16ae-4c2d-84bb-498f7cb568dd","e6a3facd-791c-4cc6-868d-2c6382d3cb0a","1b13360a-cdca-4798-969d-57ebb20a3b30","a80507cb-afda-46dd-a2b9-ba91f3a78e78","9130ad37-bf80-458f-b808-ac0ef6a8d1e9","357e6fee-72db-40cf-b858-254b802018bd","ad529e8a-3427-4152-bed9-6ec5097f25b6","db451eca-8de6-43a9-a5d5-35271befdffd","f8286b32-cc41-43e3-8b43-067333bb2e32","3e5c272b-8d68-40d8-9726-b4d6914b4b16","f93ac72e-73b2-4b2c-80eb-351ddfa56f4d","19d4103a-9f4a-49f0-ad7d-af6588bab904","542453bb-1895-45fe-95c9-66dbacbf1b08","15f0809b-b7e0-4824-844f-286c39f4accf","0c77bb2a-c7cd-499b-b5cd-90268eefe906","47c9e353-bed3-4d6c-8316-63a2db5cc377","9fecf7d6-b717-49ca-8edc-b10d6110b21c","532e9418-5b63-4465-9d7e-b1e2490023c5","0ae2e849-7a1f-432a-89c6-b49d4a988300","59ac8248-1d64-4df3-92f1-919b50e05602"],"exports":{"designMdUrl":"/references/refero/80ad4cc4-de09-49b7-b831-0f098ece6b16/design.md","tokensJsonUrl":"/references/refero/80ad4cc4-de09-49b7-b831-0f098ece6b16/tokens.json","tailwindV4Url":"/references/refero/80ad4cc4-de09-49b7-b831-0f098ece6b16/tailwind-v4.css","cssVariablesUrl":"/references/refero/80ad4cc4-de09-49b7-b831-0f098ece6b16/tailwind-v4.css"}}