Preview image. Unlock full-res
Open-air flight path – vast, clean, and direct.
Zipline's aesthetic is an open-air flight path: stark typography grounded in cream and black, punctuated by a single vibrant violet. The system prioritizes crisp text on expansive, neutral backgrounds, using strong contrasts to anchor content. Components are lightweight and direct, relying on bold text and large-radius containers rather than subtle shadows or complex surface layering. Color is deployed sparingly to highlight navigation, branding, and interactive elements, retaining an overall impression of efficiency and precision. Use Midnight Ink (#000000) for all primary text and calls to action against Cream Canvas (#f7f4e8) backgrounds. Apply fkScreamer Bold (700 weight) for all hero and display headings, ranging from 40px to 150px with a tight line-height of 0.85. Maintain a uniform border radius of 20px across all buttons, cards, and images, promoting a soft, approachable feel. Employ the Cream Canvas (#f7f4e8) as the predominant page background and for ghost button text. Utilize a baseline letter-spacing of -0.01em for all fkGroteskNeue body text, navigation, and button labels to improve density. Structure content with section gaps of 53px and element gaps of 24px to create a comfortable, airy feel. Limit the use of Zipline Violet (#643aed) to specific cards or decorative elements; avoid using it for primary interactive states. Do not introduce new primary action colors; Midnight Ink (#000000) filled buttons and Midnight Ink borders for outlined buttons are the defined interactive styles. Avoid applying shadows or complex elevations to cards or components; the design relies on flat surfaces and color contrast for hierarchy. Do not deviate from the 20px border radius for interactive elements and content containers; consistency is key to the brand's shape language. Refrain from using fkScreamer or fkDisplay for body copy or navigation; these are strictly for large, impactful headings. Do not use generic gray tones for backgrounds or text; adhere to Cream Canvas (#f7f4e8), Cloud Gray (#c6c3ba), and Midnight Ink (#000000). Avoid excessive use of Zipline Violet (#643aed); it's an accent, not a primary color for large areas or ubiquitous interface elements. Do not introduce highly saturated or brightly colored illustrations in contexts where photography or minimal graphics are typically used; maintain visual restraint.
