
Preview image. Unlock full-res
Editorial content on a crisp canvas
The Fascination employs a narrative-driven blog aesthetic with ample white space and a clear hierarchy. Typography centers around a robust sans-serif for content and a distinctive script font for thematic accents, creating a balance of utility and branded personality. Interaction is defined by crisp, subtle borders and a singular vivid blue for active states, keeping the focus on editorial content rather than complex UI elements. Most surfaces remain light and neutral, allowing text and imagery to take precedence without visual interruption. Prioritize Midnight (#000000) for all primary body text and main headings to maintain readability. Use Sky Blue (#2ea3f2) exclusively for interactive elements such as links and button outlines, ensuring it serves as a clear call to action. Apply Graphik font for all UI text, content, and body copy, utilizing its various weights for hierarchy. Reserve Qwitcher Grypen for decorative, prominent headings to introduce brand character, always at larger sizes (48px or 60px). Ensure all primary filled buttons use a Midnight (#000000) background with Ghost White (#fbfbf7) text and a 6px border-radius. Maintain comfortable density using 16px for element gaps and 32px for section gaps, facilitating easy content scanning. Keep card backgrounds transparent with no radius or shadow, allowing content to blend seamlessly with the canvas. Do not introduce new vibrant colors without a clear functional purpose; maintain the restrained chromatic palette. Avoid applying box-shadows or border-radii to content cards or basic containers; these elements should remain flat on the canvas. Do not use highly saturated brand colors for extensive paragraphs or body text; they are reserved for accents and headings. Do not deviate from the 6px border-radius for buttons and links; consistency in subtle roundedness is key. Avoid excessive use of the script font Qwitcher Grypen; it is a decorative accent, not a general heading or body font. Do not add heavy borders or backgrounds to basic input fields; they should blend into the interface using Silver Ash (#767676) 1px borders. Never use text colors other than Midnight (#000000) or Storm Gray (#1a202c) for long-form content to ensure optimal contrast and readability.









