@tnquynh_11:

.˚ ༘ nquynhꪆৎ
.˚ ༘ nquynhꪆৎ
Open In TikTok:
Region: VN
Monday 24 August 2026 08:21:13 GMT
89
13
0
1

Music

Download

Comments

There are no more comments for this video.
To see more videos from user @tnquynh_11, please go to the Tikwm homepage.

Other Videos

How I build with Lovable 👇 Academy in bio 🔗 A store hero that still converts, step by step: 1. Three lines, three weights, one typeface. Line one at 400, line two at 700 in outline, line three at 900 solid white. The eye reads the heaviest word first, so put the payoff there. 2. Outline line: -webkit-text-stroke: 2px #fff with color transparent. It creates hierarchy without adding a second font. 3. Tiny definition line above the headline, mono, 11px, letter-spacing 0.14em, opacity 0.6. That one line does more for perceived quality than any animation. 4. The background grid is CSS, not an image: background-image: repeating-linear-gradient(60deg, rgba(255,255,255,0.08) 0 1px, transparent 1px 60px), plus a second one at -60deg. Two lines of code, zero kilobytes, and it scales to any screen. 5. Product cutout, transparent PNG, filter: drop-shadow(0 30px 50px rgba(0,0,0,0.5)). Never a photo with a baked background, or you cannot reuse it anywhere else. The parts nobody teaches because they are not pretty: 6. The announcement bar at the top is not decoration. Free shipping threshold and warranty in one line, always visible. It removes the two objections people have before they even look at a product. 7. Cart icon with a live count badge, top right, fixed. If the count is 0, hide the badge, do not show a zero. 8. Reserve the space for the hero image with aspect-ratio, so the layout does not jump when it loads. Layout shift on a store page costs real money. 9. The nav is flat, not a mega menu. Paddles, Clothing, Shoes, Gear. Six items maximum. Every extra category is a decision you are handing to someone who came here to buy one thing. The rule underneath it: a store hero has one job, and it is not to impress. It is to make the next click obvious. Save this if you build for shops 🏓 #lovablepartner #buildinpublic #webdesign #branding
How I build with Lovable 👇 Academy in bio 🔗 A store hero that still converts, step by step: 1. Three lines, three weights, one typeface. Line one at 400, line two at 700 in outline, line three at 900 solid white. The eye reads the heaviest word first, so put the payoff there. 2. Outline line: -webkit-text-stroke: 2px #fff with color transparent. It creates hierarchy without adding a second font. 3. Tiny definition line above the headline, mono, 11px, letter-spacing 0.14em, opacity 0.6. That one line does more for perceived quality than any animation. 4. The background grid is CSS, not an image: background-image: repeating-linear-gradient(60deg, rgba(255,255,255,0.08) 0 1px, transparent 1px 60px), plus a second one at -60deg. Two lines of code, zero kilobytes, and it scales to any screen. 5. Product cutout, transparent PNG, filter: drop-shadow(0 30px 50px rgba(0,0,0,0.5)). Never a photo with a baked background, or you cannot reuse it anywhere else. The parts nobody teaches because they are not pretty: 6. The announcement bar at the top is not decoration. Free shipping threshold and warranty in one line, always visible. It removes the two objections people have before they even look at a product. 7. Cart icon with a live count badge, top right, fixed. If the count is 0, hide the badge, do not show a zero. 8. Reserve the space for the hero image with aspect-ratio, so the layout does not jump when it loads. Layout shift on a store page costs real money. 9. The nav is flat, not a mega menu. Paddles, Clothing, Shoes, Gear. Six items maximum. Every extra category is a decision you are handing to someone who came here to buy one thing. The rule underneath it: a store hero has one job, and it is not to impress. It is to make the next click obvious. Save this if you build for shops 🏓 #lovablepartner #buildinpublic #webdesign #branding

About