Atlassian

Reference it for

• Two-tone display headline: set the line in near-black #101214 then flip one connective word ('and') to violet #bf63f3 for a cheap, memorable accent without recolouring the whole heading
• Charlie Display at ~80px with tight tracking for the hero, Charlie Text for body and dense UI; pair a custom display sans with a quieter text companion in the same family
• Pill-shaped primary CTA in solid #1868db (28px / fully rounded buttons) sitting beside a plain text 'Contact us ->' link, no second button chrome
• Show the actual product: a live Jira-style kanban (Blocked / In progress / Ready for review / Done) drops in directly under the hero as the proof shot
• Status columns as soft tinted pills (lavender, blue, green) with rounded 20px borderless cards, almost no shadow (rgba(9,30,66,0.25) 0 1px 1px)
• Faint dotted grid behind the CTA zone to imply structure and engineering without adding visual weight
• Sticky dark promo strip above the nav (#101214) carrying a torn confetti corner graphic and a single right-aligned CTA
• Restrained colour discipline: keep all vivid hues (violet, taxicab yellow #fca700, electric blue, leaf green) in decorative edges and avatars only, never in functional buttons or links

Do not copy

• The Atlassian wordmark and the blue 'A' mountain logo
• Charlie Display / Charlie Text (proprietary Atlassian custom faces); substitute a licensed grotesque
• The conic confetti-gradient divider motif (the torn violet/yellow/blue/green corner) that is Atlassian's signature edge
• Product-specific UI like the Jira board, FIN-xx ticket codes, and AI-agent avatars
• The 'team'26' event promo strip and its messaging
• Exact named hexes as a brand palette (#1868db Atlassian Blue, #101214 Midnight Navy) lifted wholesale