{"id":"f61cf515-ccd5-4494-bdd1-be9fe4d7258c","name":"Hyer Aviation","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/f61cf515-ccd5-4494-bdd1-be9fe4d7258c","originalSiteUrl":"https://www.flyhyer.com","capturedAt":"2026-04-30T03:06:15.096Z","colors":[{"name":"Obsidian","hex":"#000d10","role":"Primary text, dark surface backgrounds, button backgrounds, interactive elements, nav text. Creates a dominant, authoritative presence","group":"neutral","cssVariable":"--color-obsidian"},{"name":"Canvas White","hex":"#ffffff","role":"Page backgrounds, light surface backgrounds, secondary text, button text, icons. Provides a clean, expansive foundation","group":"neutral","cssVariable":"--color-canvas-white"},{"name":"Slate Mist","hex":"#8e8e95","role":"Muted body text, navigation dividers, subtle borders. Used for secondary information that lives harmoniously within the high-contrast system","group":"neutral","cssVariable":"--color-slate-mist"},{"name":"Desert Sienna","hex":"#bc7155","role":"Accent for call-to-action buttons, prominent graphical elements. This warm, earthy tone provides the only saturated color highlight, drawing attention with understated luxury","group":"accent","cssVariable":"--color-desert-sienna"}],"typography":[{"role":"All primary textual content: headlines, body, buttons, navigation. Its large scale and slightly condensed forms deliver a modern, impactful voice.","sizes":"17px, 18px, 20px, 23px, 30px, 37px, 52px, 60px, 63px, 131px, 187px","family":"HelveticaNowDisplay","weight":"400, 700","lineHeight":"0.80, 0.91, 1.00, 1.09, 1.10, 1.20, 1.61","substitute":"system-ui","letterSpacing":"-0.02em at largest sizes, -0.01em at medium, 0.01em at smallest"},{"role":"Used sparingly for specific bold text, likely for icons or small utility elements where a system sans-serif is a fallback.","sizes":"17px","family":"sans-serif","weight":"700","lineHeight":"1.00","substitute":"Arial","letterSpacing":"normal"}],"spacing":{"radius":{"links":"1000px","other":"45px","buttons":"1000px"},"elementGap":"23px","sectionGap":"68px","cardPadding":"22px"},"radius":{"links":"1000px","other":"45px","buttons":"1000px"},"shadows":{"surfaces":[{"hex":"#ffffff","name":"Canvas White","level":1,"purpose":"Primary page background and default surface for content."},{"hex":"#000d10","name":"Obsidian Surface","level":2,"purpose":"Elevated dark surfaces, footer, and backgrounds for prominent sections."}]},"guidelines":{"do":["Prioritize Canvas White (#ffffff) for primary backgrounds and Obsidian (#000d10) for primary text to maintain high contrast (19.7:1 AAA).","Use HelveticaNowDisplay consistently across all text, emphasizing weight 700 for headings and weight 400 for body text.","Apply a 1000px border-radius to all buttons and prominent links to achieve the signature pill shape.","Reserve Desert Sienna (#bc7155) exclusively for primary action buttons to create a single, clear focal point.","Ensure generous spacing: utilize 23px for element gaps and 68px between major sections.","Employ negative letter-spacing for large headlines to condense text and enhance impact, specifically -0.02em at sizes like 187px.","Use Slate Mist (#8e8e95) for supporting text and subtle UI elements where less visual weight is desired, such as form helper text or secondary navigation."],"dont":["Avoid using multiple saturated colors; Desert Sienna (#bc7155) is the singular accent color.","Do not introduce complex gradients or shadows, as the system relies on flat surfaces and high contrast.","Refrain from using smaller body text sizes than 17px to maintain readability and design gravitas.","Do not deviate from the HelveticaNowDisplay font for any brand-related text.","Avoid tight spacing around interactive elements; maintain a minimum of 22px horizontal padding for buttons.","Do not use square or mildly rounded corners for buttons; the pill shape (1000px radius) is critical for brand identity.","Do not use generic gray tones for text; ensure body text aligns with Obsidian (#000d10) or Slate Mist (#8e8e95) to maintain the established hierarchy."]}}