@webloved — 35x breakout

Loading video…

Me and GPT 6 Astra at 6:99 AM

@webloved

98.1K followers · usually 15.8K views a post

Views

528.6K

Likes

34.0K

Comments

149

3.8K

Promoted product

HERON AIhttps://www.skool.com/weblove-4157/about?ref=fd76947df74e4d4b9a1814de7fadd4e6 ↗

Why it worked

The video effectively uses a soft-sell approach by demonstrating the capabilities of an AI design tool within a visually appealing context, leveraging the creator's own product (academy/community) as the call to action via the bio link.

Summary

The video showcases an AI agent called HERON AI, which is designed to work within design tools. It demonstrates how the AI can assist with repetitive design tasks and integrate into workflows, with the creator promoting their academy and community in the bio link.

Structure

1Introduction of "GPT 6 Astra" and "HERON AI"
2Demonstration of HERON AI's website and capabilities
3Showcasing HERON AI's integration with design tools
4Highlighting HERON AI's ability to handle repetitive design tasks
5Call to action for the creator's academy and community

Product placement

GPT 6 Astra: ACTS - it is presented as an AI agent that works inside design tools, and the video shows it interacting with design software. Removing it would change the video's topic. BEARPLUS: APPEARS - it is identified as the design agency that designed the website shown. Removing it would not change what happens in the video. HERON AI: ACTS - it is presented as an AI agent that works inside design tools, and the video shows its website and interface. Removing it would change the video's topic. HERON CHAT WIDGET: ACTS - it is shown as a component of the HERON AI interface. Removing it would change the video's topic.

Original caption

How I build with Astra 6 👇 Academy in bio 🔗 The architectural drawing look, works for any product or studio site: 1. Turn photos into drawings: filter: grayscale(1) contrast(1.6), then mix-blend-mode: multiply over an off-white #F4F2ED background. The white of the image disappears and it reads as ink on paper 2. Blueprint grid: repeating-linear-gradient in both directions, 1px lines at rgba(0,0,0,.06), 40px apart, on a fixed background layer 3. Corner crosshairs: a small + drawn with two 1px pseudo elements, absolutely placed at each corner of the frame. This one detail sells the whole thing 4. Hairlines only: 1px borders, never rounded, and ONE accent color used at 5% of the page 5. Numbers in font-variant-numeric: tabular-nums so figures line up like a spec sheet Save this if you build for studios 📐 #[tool tag] #buildinpublic #webdesign #minimal #fyp