Dyotanya

Dyotanya's visual system evokes a playful, hand-drawn blueprint aesthetic. It combines elegant serif typography with a stark, compact sans-serif, all set against a canvas of near-white. A single muted blue creates soft accents and interactive elements, often appearing as subtle borders. Dynamic, offset shadows add a touch of whimsy and depth to cards and elements, disrupting the otherwise flat surfaces. Use Sky Blueprint (#81aed9) as the primary accent color for all main interactive elements and borders. Apply Simeiz font for all heading and display text, prioritizing weights 300 and 400 at larger sizes for an elegant feel. Utilize an offset box-shadow of 5px -5px 0px 0px with Deep Charcoal (#333333) for elevated card elements to create a distinctive visual pop. Implement a default border-radius of 50px for primary action buttons to achieve a soft, pill-like appearance. Maintain a compact visual density, using 10px as a common element gap and 48px for internal card padding for a contained feel. Ensure primary text uses Ink Black (#000000) for maximum contrast against Canvas White (#f5f5f3) backgrounds. Introduce Sunset Orange (#ff8562) only for critical inline links, creating visual warmth and hierarchy. Avoid using multiple chromatic colors; stick primarily to Sky Blueprint as the main brand accent and Sunset Orange specifically for links. Do not use heavy, dark backgrounds for sections; maintain Canvas White (#f5f5f3) or Cloud White (#ffffff) as dominant surfaces. Refrain from using strong, block-like shadows; the distinctive offset shadow is key to the brand's playful elevation. Do not deviate from the established border radii; roundness is a key identifier for buttons (50px), inputs (30px), and cards (20px/30px). Avoid excessive spacing between elements or sections; the design favors a 'compact' density, so larger gaps should be deliberate and functional. Do not use bold weights for Simeiz font; the brand's heading style relies on the lighter 300 or 400 weights for its restrained elegance. Do not apply text decoration (underline) on non-link text to avoid confusion; links are primarily identified by Sunset Orange (#ff8562).