
Preview image. Unlock full-res
Warm, bright, inviting future.
The Sunday design system exudes a friendly, approachable high-tech elegance, like a next-generation appliance. The dominant bright white background is punctuated by highly saturated, inviting yellow accents, drawing the eye to interactive elements. Large, bold headlines set in a custom sans-serif with subtle negative letter-spacing project a confident yet understated tone, making advanced robotics feel accessible rather than intimidating. The playful contrast between sharp 0px radii for some interactive elements and softer 12px card corners creates a dynamic visual language. Prioritize 'Buttery Yellow' (#f7e731) for all primary calls to action to maintain brand vibrancy. Use 'sans' font with negative letter spacing (-0.025em) for all headings and body text for a refined, tight typographic feel. Apply 1.67772e+07px (pill shape) to primary CTA buttons for a distinct, friendly interactive element. Employ 'Snowfield' (#ffffff) as the dominant background color to ensure a bright, airy aesthetic. Utilize 12px border-radius for cards and content blocks to introduce subtle softness against the crisp typography. Maintain a clear visual hierarchy by using 'Coal' (#000000) for hero headlines and 'Graphite' (#1a1a1a) for body text. Use 20px of padding for interactive elements like buttons that are not pill-shaped for consistent touch targets. Avoid using harsh drop shadows; prefer background color changes or subtle borders for depth. Do not deviate from the specified negative letter-spacing for headlines; generic tracking will diminish the brand's typographic signature. Refrain from introducing new highly saturated colors outside the defined 'Buttery Yellow' (#f7e731) to preserve accent impact. Do not use generic system fonts for prominent text; always use 'sans' or 'mono' to maintain brand identity. Avoid mixed unit spacing; adhere to the 4px base unit multipliers for all padding and margins. Do not use square buttons (0px radius) unless specifically for ghosted navigation elements. De-emphasize borders on non-interactive elements; rely on background subtle color changes for content separation.









