Clickup

Reference it for

• Brand purple #7b68ee (MediumSlateBlue) — unusual hue, distinctive against the cooler navy purples most SaaS uses
• Plus Jakarta Sans display + Inter body + Sometype Mono — three-typeface combination that reads as warm-friendly + corporate-clean + technical-credible
• 76px hero H1 in Plus Jakarta Sans weight 700 — large display scale for a SaaS
• 54px workhorse radius (34 hits) — distinctly soft / pill-like across cards and CTAs
• Elastic overshoot motion curve cubic-bezier(0.68, -0.55, 0.265, 1.55) on opacity/transform — gives motion a bouncy personality
• 60 CSS @keyframes for the productivity-product animation vocabulary: slide-down menus, progress bars, banner reveals, moveLogos wall, full-translate slides, rotating gradient borders, shimmer streams
• 425 CSS custom properties — the largest token system in the library
• Six font weights (400, 500, 600, 650, 700, 800) — the 650 is unusual

Do not copy

• The ClickUp purple #7b68ee — pick the client's brand saturation colour
• The OneTrust cookie consent modal pattern — use a lighter consent component
• The "Next Super Agents" announcement bar copy — brand-specific positioning
• The 60-keyframe motion library — only justified if the brand has 10+ animated components
• The 6-weight type system unless the brand has paid font licences
• The G2 social-proof H2 — only borrow if the brand has comparable third-party credentials
• The rotating gradient border effect — overused; reads as 2023-era SaaS aesthetic