@webloved: How I build with Claude 👇 Academy in bio 🔗 That diagonal split between the cream half and the black half is three formulas working together: The split itself is clip-path polygon, stack two full screen panels and cut each with a polygon whose points are the mirror of the other, so the cream panel keeps the top left triangle and the black panel keeps the bottom right, they meet on an invisible perfect edge with no image and no SVG. To make the vertical wordmark sit exactly on that edge, do not eyeball the angle, calculate it, the angle equals atan2 of the height divided by the width converted to degrees, feed that into a rotate transform and the type is always parallel to the split at any screen size. Here is the pro move, duplicate your text and clip each copy with the same two polygons, then color one copy dark and the other light, now a single line of text flips color exactly where it crosses the diagonal, no manual masking. Save this if you want split screen layouts ◣ #claudefable5 #buildinpublic #webdesign #minimal #fyp

weblove

Open In TikTok:

Region: PT

Tuesday 21 July 2026 18:18:51 GMT