Paste a link to an ad, a pricing page or a launch post. Claude breaks it into the moves that make it work, and how to use each one in your business.
Why it works: A clean white page lets one purple carry every click.
How to steal it: Use #fff and a faint #f6f9fc for section backgrounds. Set headings in navy #061b31. Make buttons and links #635bff, with #533afd as the hover or deeper tone.
Why it works: Bright color stays inside gradients, so the interface itself stays calm.
How to steal it: Pull pink #ee30fb, orange #ff6118 and yellow #ffd601 into hero gradients and illustrations only. Keep text, borders and forms in neutrals.
Why it works: Thin, tight headlines feel confident and expensive without shouting.
How to steal it: Use a Söhne-like sans at weight 300 for headings. Set letter spacing to -0.02em on big sizes, such as 34px, with line height near 1.03. Keep body at 300 to 400, 14 to 18px.
Why it works: Modest rounding looks precise and technical, not bubbly.
How to steal it: Use 4px on most cards, inputs and tags. Go a bit larger, around 8px, on big panels and nav menus. Keep avatars and dots at 50%.
Why it works: Shadows tinted with the brand hue make cards float without looking gray.
How to steal it: Stack two shadows: 0 27px 40.5px -27px rgba(50,50,93,.25) and 0 16.2px 32.4px -16.2px rgba(0,0,0,.1). For small items use 0 2px 5px rgba(0,0,0,.1).
Why it works: The soft color wave is what people remember first.
How to steal it: Layer a skewed band of violet, pink, orange and yellow behind or beside the hero. Fade its edges to transparent so it melts into the white page.
Why it works: Real-looking interface mockups prove the product while spacing keeps it calm.
How to steal it: Put a short headline and two buttons on the left. Place a card-based dashboard or code mockup on the right. Add generous vertical space between sections.