Preview image. Unlock full-res
Sky Blueprint on Bright Paper – Clarity and precision conveyed through deep blues and crisp whites, like an architect's plan on a fresh sheet.
Calendly presents a bright, approachable interface with a strong focus on clear information hierarchy and intuitive interaction. The dominant visual pairing of deep indigo (#0B3558) for prominent text and an active blue (#006BFF) for interactive elements establishes a professional yet friendly tone. Subtle shadows and consistent corner radii on cards and buttons create a sense of tangible depth, grounding the digital experience in a visually comfortable space. Use Gilroy font family for all typography to maintain a consistent visual voice. Prioritize Action Blue (#006BFF) for primary calls to action to guide user flow. Apply a 16px border-radius and the distinct triple-layer shadow (rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.08) 0px 30px 50px 0px) to all prominent, elevated cards. Maintain a clear hierarchy using Midnight Indigo (#0B3558) for headlines and primary text, and Slate Blue (#476788) for secondary information. Use Pale Gray (#E7EDF6) for subtle background separations or badge fills to maintain a light aesthetic. Do not use highly saturated colors for large blocks of text; reserve them for interactive elements or accents. Avoid applying heavy, deep shadows on elements not intended to be interactive or highly emphasized. Do not introduce additional font families or decorative typefaces; adhere strictly to Gilroy. Do not deviate from the established 8px base unit for spacing, as it ensures comfortable density. Avoid using pure black (#000000) for text; use Text Black (#0A0A0A) for readability or Midnight Indigo (#0B3558) for a branded tone.
