@webloved: How I build with Lovable 👇 Academy in bio 🔗 That hollow wordmark with 3D characters standing in front of it mixes two simple tricks. The build: The outlined letters are not an image, they are real text with -webkit-text-stroke, set the fill to transparent and give it a thin stroke, now the type is hollow and you can see the grid right through the letters, fully editable and responsive. The 3D avatars stand in front of the wordmark with z-index, the characters sit on a layer above the hollow text so they overlap the letters and the flat page gains real depth, and they react to your cursor so moving the mouse subtly turns the scene. The blueprint behind it is a CSS Grid, draw the lattice with grid lines and flip just a few cells to a bright orange fill, one accent color on a cream background is the whole palette. The corner labels with the live Milan time use the Intl.DateTimeFormat API in a monospace font, that technical detail sells the studio identity. Save this if you want editorial 3D layouts 🟠 #lovablepartner #buildinpublic #webdesign #3d #fyp

weblove

Open In TikTok:

Region: PT

Monday 29 June 2026 19:11:35 GMT