Using Teased Continuation to Encourage Scrolling in Hero Sections

Using Teased Continuation to Encourage Scrolling in Hero SectionsUsing Teased Continuation to Encourage Scrolling in Hero Sections

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Ali Kashif

pro

• Oct 7

call me an idiot, but I see most senior designers to use this rule while designing hero sections

it's called "tease of continuation"

when part of an element shows in your first view, above the fold, and the rest sits below it

it signals to visitors that there's more further down the page, nudging them to scroll

in simple words: telling users to scroll down without saying "scroll down"

I use the same rule in almost every design I get

learn this rule from the big G @danpetty

Yalcin Web

pro

• Oct 14

Mockup explorations for new branding case study 🚀

Brand Design Figma Web Design

Sagar Nawaz

• Oct 15

Beautyy

Pavlo Tymoshenko

pro

• Oct 14

Ask a coding agent to "make the UI look premium", and you get whatever it felt like building that day. I give mine constraints instead. I keep a list of sites that generate design markdown files for AI builds. Typography, colours, spacing, radius, shadows, components, states, responsive behaviour. A full design system in a single file. The workflow, before any screen gets built: Pick a visual direction. Generate the .md against what the product actually does and the outcome it needs to hit. Drop it into Claude Code or Codex or Kimi or Cursor. Use /design to fix what stays consistent across every screen. Now the agent follows a spec, not a mood. That file, plus a folder of five or six visual references, is the first thing I prepare before a client build. The sites: https://www.typeui.sh/ https://design-md.hyperbrowser.ai/ https://neuform.ai/ https://www.aura.build/ https://www.designmd.supply/ https://open-design.ai/ https://designmd.me/ Enjoy. Build. Ship. Cheers.

Sagar Nawaz

• Oct 17

This is so true! 🔥 "Make it premium" is the most subjective prompt ever - every agent has its own version of premium haha! Giving constraints like typography, colors, spacing, radius, shadows, components, states is the real pro move. That's how you get consistent design...