
Preview image. Unlock full-res
AI-powered clarity on a pristine canvas. Like crisp code on a luminous display.
WRITER presents an authoritative yet approachable aesthetic, balancing corporate seriousness with a touch of AI-infused futurism. The design prioritizes clear information hierarchy through stark contrast and ample negative space, creating a sense of precision and advanced technology. Vivid violet and electric blue accents against a predominantly achromatic palette create distinct points of focus, signaling innovation and interaction. The interplay of soft, rounded buttons and sharp typographic edges establishes a dynamic visual tension, indicative of cutting-edge yet user-friendly platforms. Always use 'Action Blue' (#5551ff) for primary call-to-action buttons to ensure consistent interaction cues. Maintain a clear visual hierarchy by utilizing 'Midnight Graphite' (#000000) for primary headlines and 'Slate Gray' (#2d2d2d) for body text and secondary information. Implement the 72px 0px 0px 72px border radius for input fields that have a defined background to create the signature semi-pill shape. Employ the 'Agent Violet' (#a95ef8) color strictly for branded elements, main value propositions, and AI-related features, ensuring its impact is reserved. Utilize Poppins for all primary text content; reserve CanelaDeck for subtle, decorative accent text where a serif feels appropriate for a touch of class. Keep ample negative space around elements, adhering to the elementGap range of 8-20px for comfortable density and modern feel. For interactive elements on dark backgrounds, use 'Electric Blue' (#007aff) to provide a vivid, contrasting highlight. Do not deviate from the established button radius values (60px, 82px); avoid arbitrary rounding that would break component consistency. Avoid using highly saturated colors for large background areas; maintain the integrity of the achromatic palette broken only by subtle gradients. Do not use CanelaDeck for substantial blocks of body text; its weight and style are not optimized for readability at scale. Avoid applying drop shadows or complex elevation effects; the design relies on stark contrast and background shifts for depth, not traditional shadows. Do not mix 'Agent Violet' (#a95ef8) with standard link colors or common interactive elements as it dilutes its prestige and specific brand association. Refrain from using thin borders on interactive elements that could impact clickability or visual prominence, ensure borders are substantial when present.









