@webloved: How I build with Claude 👇 Academy in bio 🔗 That bold packaging style hero with the glowing gold headline is all CSS. The breakdown: The golden headline is background-clip text with a transparent fill, drop a linear-gradient from bright gold to deep amber behind the letters and the type pours the gradient inside itself, no image needed. Those dotted divider lines above and below are a repeating-linear-gradient, you draw one dot and repeat it across the full width, it scales to any screen and stays razor sharp. The pill nav buttons are just border-radius cranked to a huge value with padding, that fully rounded capsule shape comes free. The product sits in front of the headline using z-index, so the jar overlaps the letters and the flat page suddenly has depth. A soft drop-shadow on the headline gives that warm glow that makes the type feel lit from inside. Save this if you want bold brand heroes 🔥 #claude #buildinpublic #webdesign #branding #fyp

weblove

Open In TikTok:

Region: PT

Wednesday 17 June 2026 17:58:35 GMT