Zapier

This design system prioritizes a muted, approachable aesthetic with a core palette centered around a soft, almost 'parchment' white and black. Accents of vivid orange provide directional guidance and visual energy without overwhelming the understated neutrals. The use of custom typefaces at distinct weights lends a sophisticated, editorial feel to headlines, counterbalancing the otherwise utilitarian Inter for body copy. The overall effect is one of quiet efficiency, welcoming users with soft tones and clear hierarchies. Prioritize Ember Orange (#ff4f00) for all primary calls to action to ensure consistent visual hierarchy and actionability. Use Parchment White (#fffefb) as the dominant background, ensuring visual lightness and breathability across all content. Apply GT Alpina (weights 250, 300, letter-spacing -0.0400em) exclusively for main page headlines to achieve an understated, sophisticated impact. Employ a 4px border-radius for interactive elements like buttons and cards, creating a consistent, subtly rounded aesthetic. Maintain a clear contrast ratio by using Ink Black (#201515) for main body text against Parchment White (#fffefb) backgrounds. Utilize the 12px vertical and 24px horizontal padding for primary buttons to ensure a comfortable tap target and visual prominence. Avoid using highly saturated colors other than Ember Orange or Google brand accents, to preserve the system's muted aesthetic. Do not introduce strong drop shadows; rely on background color changes or subtle borders for element separation. Refrain from using GT Alpina for body text or navigation; its delicate weights are reserved for high-impact headlines only. Do not deviate from the 4px or 0px border-radius for core interactive components; other radii are for specific functional exceptions. Avoid tight line spacing for body text; use Inter's default line heights (e.g., 1.5 for 16px) for optimal readability. Do not use generic system fonts when custom fonts are specified; Degular Display and GT Alpina are critical for brand identity.