{"id":"f61cf515-ccd5-4494-bdd1-be9fe4d7258c","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","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":"Hyer Aviation","summary":"monochromatic luxury, sharp contrast","description":"Hyer Aviation employs a commanding, high-contrast aesthetic, juxtaposing crisp white surfaces with deep, almost-black elements. Bold, large-scale typography creates immediate impact, while subtle details like rounded pill shapes and a single warm accent color temper its power. The design feels grounded and luxurious, with ample whitespace and a restrained color palette that allows imagery to take center stage, communicating sophistication through assertive simplicity.","industry":"other","colorScheme":"light","colors":[{"name":"Obsidian","hex":"#000d10","role":"Primary text, dark surface backgrounds, button backgrounds, interactive elements, nav text. Creates a dominant, authoritative presence","group":"neutral"},{"name":"Canvas White","hex":"#ffffff","role":"Page backgrounds, light surface backgrounds, secondary text, button text, icons. Provides a clean, expansive foundation","group":"neutral"},{"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"},{"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"}],"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"}],"typeScale":[{"role":"body-sm","size":17,"lineHeight":1.61,"letterSpacing":0.17},{"role":"subheading","size":20,"lineHeight":1.2,"letterSpacing":0.2},{"role":"heading-sm","size":30,"lineHeight":1.1,"letterSpacing":-0.3},{"role":"heading","size":52,"lineHeight":1.09,"letterSpacing":-0.52},{"role":"heading-lg","size":63,"lineHeight":0.91,"letterSpacing":-0.63},{"role":"display","size":187,"lineHeight":0.8,"letterSpacing":-3.74}],"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."]},"components":[{"name":"Primary Filled Button","role":"Main call-to-action button, promoting core actions."},{"name":"Obsidian Filled Button","role":"Secondary call-to-action or general action buttons."},{"name":"Obsidian Ghost Button","role":"Alternative action buttons, appearing less prominent than filled variants."},{"name":"Navigation Link","role":"Primary navigation items in the header and footer."},{"name":"Feature Card","role":"Displays key features or offerings with associated text."}],"customSections":[{"title":"Agent Prompt Guide","content":"Quick Color Reference:\ntext: #000d10\nbackground: #ffffff\nborder: #8e8e95\naccent: #bc7155\nprimary action: #bc7155 (filled action)\n\nExample Component Prompts:\nCreate a hero section: full-bleed background set by an image of a private jet against a light blue sky. Overlay a large headline \"Personalised Aviation\" in Canvas White (#ffffff), HelveticaNowDisplay, 187px, weight 700, line height 0.8, letter-spacing -3.74px, aligned left. Below the headline, add a subtitle \"More flexibility, freedom and choice!\" in Canvas White (#ffffff), HelveticaNowDisplay, 23px, weight 400. In the bottom right corner, place two pill-shaped buttons with 1000px radius: 'All Solutions' (Obsidian Filled Button: #000d10 background, #ffffff text, HelveticaNowDisplay, 17px, bold, 15px top, 22px horizontal, 16px bottom padding) and 'Ownership' (Desert Sienna Filled Button: #bc7155 background, #ffffff text, HelveticaNowDisplay, 17px, bold, 15px top, 22px horizontal, 16px bottom padding).\n\nCreate a feature panel: Canvas White (#ffffff) background. Headline 'Flexible Solutions' in Obsidian (#000d10), HelveticaNowDisplay, 30px, weight 700, line height 1.1, letter-spacing -0.3px. Below, body text 'Stop depending on airlines. Fly on your own terms or join our exclusive shared flights.' in Slate Mist (#8e8e95), HelveticaNowDisplay, 17px, weight 400, line height 1.61. Separate features with a 1px Slate Mist (#8e8e95) horizontal rule that extends the width of the content.\n\nCreate a footer: Obsidian (#000d10) background, with all text in Canvas White (#ffffff). Navigation links 'On-demand', 'Private Charter', 'Aircraft Ownership' should use HelveticaNowDisplay, 17px, weight 400, with 13px top/bottom and 34px right margin between them. Include a minimal copyright text in Canvas White (#ffffff) at 17px."}],"media":{"screenshotUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518358624-screenshot.jpg","thumbnailUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518358624-thumb.jpg"},"similarStyleIds":["bf523387-03fc-4243-86ca-25af34daa0ce","c1052d8d-3663-46a4-a882-e50d9b8a1166","3ddaa1f6-bebc-44e3-a6df-b653179f3fd9","36fb90f7-3547-4dfd-a34e-592aa140078a","d19c6fc3-1fc6-44a0-9c22-a0a82f7f79b4","4a248569-2b5a-4416-bb2a-c78890218b9f","0d0de64c-1891-4984-9e12-8976e042ce11","6665a3dd-606f-4fd1-80dd-a84e3b3a6226","36752f78-1c43-471b-b125-e82152ad23dd","d3289fe7-a85e-42d8-96b7-eb7faa62a104","6f3fb64d-d4c9-4ec1-86a1-7983e5180985","9fecf7d6-b717-49ca-8edc-b10d6110b21c","7f6799d9-0733-4523-9a94-036b9ad3bf28","fece962d-a580-4365-8afd-c9905a2502b1","64aadcc7-f884-41ea-9b0b-a90dfc10c9ec","f11750fc-d7c0-4d26-b32a-3b1d2098ae34","0f7da1b2-9d06-4ef5-b5a8-ef7f92e57ab2","733f32ca-efc3-40fb-bc58-327bd2b45828","96845df2-7ddb-420a-814e-c339f95a6554","fb459c9d-c089-4d0b-b5b0-d147b1c4ebd7"],"exports":{"designMdUrl":"/references/refero/f61cf515-ccd5-4494-bdd1-be9fe4d7258c/design.md","tokensJsonUrl":"/references/refero/f61cf515-ccd5-4494-bdd1-be9fe4d7258c/tokens.json","tailwindV4Url":"/references/refero/f61cf515-ccd5-4494-bdd1-be9fe4d7258c/tailwind-v4.css","cssVariablesUrl":"/references/refero/f61cf515-ccd5-4494-bdd1-be9fe4d7258c/tailwind-v4.css"}}