A concise design system reference for implementing Cal.com's minimalist, monochromatic UI. It codifies a grayscale palette (near-black headings #242424, mi…
A concise design system reference for implementing Cal.com's minimalist, monochromatic UI. It codifies a grayscale palette (near-black headings #242424, mid-gray #898989, white surfaces) with reserved use of accent hues, a distinctive typographic system (Cal Sans display at 64px/48px, weight 600, tight 1.10 line-height and compressed letter-spacing; Inter for body copy) and a comprehensive elevation model. The elevation system includes 11 multi-layered shadow definitions combining ring borders (0px 0px 0px 1px), diffused shadows and inset highlights for subtle three-dimensionality. Built assumptions and tokens include a Framer-friendly border-radius scale (2px to 9999px), component-level shadow and typography tokens, and clear usage guidelines. Use this skill to create consistent component libraries, prototypes, and frontend implementations for minimal SaaS interfaces that need strong typographic voice, refined depth, and strict brand cohesion.
Esta página faz parte do hub OpenClaw Skills com guias de instalação, navegação por categorias e links práticos.