Until App

Until App employs a clean, iOS-native aesthetic characterized by high contrast typography over predominantly neutral backgrounds. Gradients are utilized as expressive surface fills within contained widgets, rather than affecting the overall canvas. Elements have generous border radii, signaling a soft, user-friendly interface. Interactions are marked by a singular vivid blue, providing clear functional highlights. Prioritize system fonts (-apple-system, system-ui) for all text to maintain a native, lightweight feel. Use Platinum White (#ffffff) for all main page and card backgrounds to ensure a clean, high-contrast canvas. Apply a 32px border-radius to all card-like elements to consistently convey a soft, friendly aesthetic. Reserve Action Blue (#0078ff) exclusively for primary interactive elements, ensuring clear visual hierarchy for user actions. Employ the rgba(0,0,0,0.05) background tint for cards that require subtle elevation without strong shadows. Maintain an 8px base unit for all spacing, particularly an 8px elementGap for tight UI components and 16px for comfortable card padding. Incorporate vibrant gradient fills for 'widget' elements, creating points of visual interest and brand expression, distinct from the neutral UI. Avoid strong, heavy shadows for cards or any container element; opt for subtle background tints or filter-based treatments for elevation. Do not introduce new typefaces, as the system relies exclusively on -apple-system and system-ui for a clean, consistent experience. Refrain from using color as a decorative element in the primary UI; color should serve functional purposes (accent, action, gradient background for widgets), not simply for visual flair outside of defined gradients. Do not deviate from the established border radii values; 32px for cards and 16px for buttons are key to the brand's visual identity. Avoid creating content that breaks the implicit full-bleed layout; sections should stretch horizontally, with content contained fluidly within a conceptual maximum width. Do not use dark backgrounds for general page sections; the theme is predominantly light, with gradients reserved for specific, contained graphical elements. Do not clutter layouts with excessive elements or tight spacing; maintain a comfortable density with ample negative space around components, aligning with the 8px base unit system.