Happy Monday, creative family, and welcome to Logiaweb Weekly.

This week’s design intelligence briefing reveals:

  • 🧪 What I'm Building: Closing Q4 With Power & Momentum

  • 🤖 Design Inspiration: Beautiful SaaS Hero Sections

  • 🛠️ Tutorial of the Week: Pro level components in 8 clicks with 21st.dev

  • 💡 Prompt of the Week: Animated alien w/ Runaway

WHAT I’M BUILDING

Closing Q4 With Power & Momentum

This week, we signed three new clients for the studio and started discussions with a potential retainer client: an AI tool I actually use every single day. If that partnership happens, it’ll be a full-circle moment.

The studio is growing fast, but what I’m happiest about is the balance behind the scenes. I’ve been training boxing two times a week and hitting three weight sessions too since 2 months. I feel sharper, calmer, and it’s obvious how much staying active impacts my focus and motivation. When I move more, I work better, simple as that.

Now we’re entering the final month of Q4, and it feels like the perfect moment to push a little harder and close the year on a high note. The momentum is here, time to lean into it.

BIG NEWS

Google just released Nano Banana Pro

Instead of making cool images with garbled text that you need to fix later, Nano Banana Pro actually renders fully readable typography inside your visuals.

AND, it goes up to 4K, so you're not stuck with web only assets anymore.

If you've ever generated a hero image only to spend 30 minutes fixing the headline in Photoshop, you know why this matters.

Why?

Google nailed our real pain points. We can prompt multilingual text directly into images, control the aesthetic, and export top quality visuals with so much less AI slop. And now, you can generate images from any size no fixed aspect ratio limitations.

No more “close enough” outputs.

A needed change

Most of us do this: generate in Midjourney, export, open Figma, manually add text, adjust colors, export again. With Nano Banana Pro, it’s all in one place.

Not just a prettier AI. They're making it actually usable for client work.

If you build websites, branding assets, or anything that needs both visuals and typography to work together, Nano Banana Pro might just save you some real hours.

DESIGN INSPIRATION

Beautiful SaaS Hero Sections

PROMPT: Create a desktop SaaS website hero on a very dark charcoal background with softly rounded corners. At the very center, place the headline “Your Team. Your Tools. One Seamless Hub.” in large, bright white geometric sans serif, three lines, tight leading. Above it, add a slim pill badge that reads “Early Access Opens September 2025.” Below the headline, add one short muted grey subheading, then a centered email input with rounded corners and a vivid purple primary button on the right labeled “Join Waitlist.” Behind the text, form two symmetrical neon-purple triangular light beams emerging from the left and right edges and meeting in a soft glow at the center. Add a small row of overlapping user avatars and a line of grey client logos near the bottom, all perfectly centered.

Tool Used: Midjourney

PROMPT: Design a light, premium product-led SaaS hero card sitting on a mid grey canvas with soft rounded corners. Inside the card, use a white to pale grey gradient background from left to right. On the left column, place a small badge with tiny user avatars and rating stars, then a bold headline in dark charcoal sans serif: “Effortlessly Launch, Scale, and Grow Your Product.” Add two short paragraphs of muted grey body copy beneath. Below that, create two side by side buttons: a solid black rounded button labeled “Get started now” and an outlined light button labeled “Watch Demo.” On the right half of the card, render a large glossy black semicircular speedometer dial with fine white tick marks and a sharp white needle pointing to the lower right, casting a subtle highlight and shadow.

Tools Used: Figma Make AI

PROMPT: Create a cinematic desktop hero for a proptech platform on a deep violet to black gradient background. At the top left, place a simple white logo reading “Brickbytes,” with a centered horizontal navigation and a subtle outlined button on the right labeled “Get Started.” In the center, set a bold white headline: “Get Exclusive Property Insights, Straight to You,” with a short two-line subheading in soft grey beneath. Below the text, add two buttons: a glowing purple filled button “View Report” and a faint outlined secondary button. In the foreground, render a 3D dark envelope in the center opening upward, emitting a vivid purple glow and revealing a translucent card with small white copy. Place two darker side envelopes angled left and right, both catching the same purple light, plus tiny star-like sparkles around them.

TUTORIAL OF THE WEEK

Pro level components in 8 clicks with 21st.dev

Ever wanted to go from blank canvas to polished components faster than you can open Figma?

Step 1: Browse the Component Library

  1. Go to 21st.dev (it's completely free, no signup required).

  2. Scroll through the library of premium UI

  3. components: buttons, cards, nav bars, hero sections, all with built in animations.

  4. Pick the one that fits best. They’re all production ready.

Step 2: Copy the Prompt (Not the Code)

Here's where 21st.dev is different from every other component library:

  1. Click the component you want.

  2. Instead of copying code, grab the exact prompt they provide.

  3. That's it. The prompt is written to work perfectly with AI builders.

Unlike traditional libraries that force you to understand the code, 21st.dev gives you the language you need right from the get go.

Step 3: Drop It Into Your AI Builder

  1. Open your AI app builder (Cursor, Lovable or whatever you're using).

  2. Paste the prompt directly into the chat.

  3. Watch the AI generate th

    e exact component with animations, styling, and interactions already integrated into your project.

No manual setup or debugging.

Step 4: Customize and Ship

  1. Tweak colors, spacing or text directly in your builder.

  2. Test the component live in your project.

  3. Ship it to your client or go live.

What used to take an hour of hunting, copying, pasting, and fixing now takes 8 clicks.

If you're tired of reinventing the wheel every time you need a professional component, try it out.

PROMPT OF THE WEEK

Animated alien w/ Runaway

Graphic Tool Used: Runaway Gen 4 Alpha

PROMPT: Create a five second close up video of a humanoid alien creature framed at chest height. The creature has a large smooth dome shaped head with no eyes, mottled green and brown organic skin, and deep ridges along the sides of its skull. Its wide mouth is filled with sharp, uneven teeth that are slightly exposed in a menacing grin. Place the alien against a blurred dark green industrial background with soft bokeh lights. The lighting is dim and directional, coming from above and slightly left, creating wet highlights on its skin and subtle shadows in the collarbones and jaw. Add a very thin pale border frame around the shot. The alien slowly leans forward as if addressing the viewer, its head tilting a few degrees side to side while the mouth moves in a slow talking motion. The movement is deliberate and restrained, not twitchy. The motion should loop cleanly over five seconds.

That’s it for this week, but I want to make each edition even better.

👉 Got 30 seconds?
Fill out this quick survey and tell me what you'd love to see next. Your feedback directly shapes the next drop.

💌 Know a designer who should be using AI smarter?
Forward them this email. Or just send them to logiaweb.com/weekly to join.

See you next Monday,
— Adrien

Adrien Ninet

say hi on X, Instagram, or YouTube

Keep Reading