sunday

sunday's visual system evokes a sleek, high-tech interface with a strong sense of precision. Its foundation is a stark monochrome canvas, primarily white with deep black accents, creating high contrast. Interactivity is signaled by a singular, vibrant pinkish-purple hue, used sparingly for emphasis. Typography is impactful yet restrained, maintaining clarity in a compact layout. Components are lightweight, featuring soft rounded corners and subtle elevation for hierarchy, avoiding heavy visual elements to maintain an airy feel. Prioritize high-contrast text against backgrounds; use 'Midnight Ink' on 'Canvas White' or vice-versa. Apply 'Vivid Orchid' sparingly, only for interactive elements, highlights, and status indicators to maintain its impact. Use 'Helvetica Neue' universally for all typography, adjusting size, weight, and letter-spacing to establish hierarchy. Maintain a comfortable density with '8px' element gaps and '16px' card padding for all standard content blocks. Implement soft, rounded corners with '16px' radius for cards and inputs, and a distinct '64px' radius for primary buttons. Employ the navigation bar's shadow 'rgba(0, 0, 0, 0.15) 0px 12px 60px 0px' for key elevated elements only, such as fixed headers or modals. Ensure section transitions are clear using '56px' vertical spacing between distinct content blocks or by alternating surface backgrounds. Avoid introducing additional saturated colors; 'Vivid Orchid' is the sole accent color. Do not use overly bold or heavy typography; 'Helvetica Neue' weight 400 is the standard, and heavier weights should be avoided even for large headlines. Refrain from using hard, square corners; embrace the '16px' and '64px' radii as a signature characteristic. Do not add additional box-shadows beyond the single defined nav shadow; elevation is kept minimal. Avoid decorative imagery that competes with the UI or introduces new color palettes. Do not vary line-height significantly from the established type scale; maintain a precise, compact rhythm. Never use '0px' border-radius on interactive elements unless specifically for a ghost link, as all actionable components have distinct rounding.