The first screen of a link-in-bio page has three jobs: establish identity, create orientation, and reveal a useful next step. It does not need to show the entire business. It needs to make continuing feel worthwhile.
“Above the fold” is not a fixed number of pixels. Phones, browser controls, accessibility settings, and screen sizes all change what appears before scrolling. Treat it as a priority zone, not a precise boundary.
Start with recognition
The opening should make it obvious that someone reached the correct page. Recognition can come from a name, logo, portrait, signature visual style, or a combination of those elements.
For a person-led brand, a strong portrait and name often do more than a large logo. For a product brand, the name and a recognizable product image may be enough. For an organization, a concise descriptor can prevent ambiguity when the name alone does not explain the work.
Avoid opening copy that merely welcomes the visitor. They already know they arrived. Use that space to answer what they can expect:
- “Bridal hair, private education, and creative work.”
- “Tools and tutorials for independent filmmakers.”
- “Digital planners made for calmer, more intentional days.”
- “Portraits, documentary work, and commercial commissions.”
The sentence does not need to contain every offer. It needs to establish the world of the page.
Make one priority visible
After identity, show what matters now. This may be a booking action, current product, launch, free resource, portfolio, event, or inquiry path.
The priority can appear inside the introduction or immediately after it. What matters is that a visitor does not have to decode several equally strong cards before finding it.
Good primary actions are specific:
- Book a private session
- Shop the new collection
- Download the free guide
- Watch the latest film
- Inquire about your date
Weak actions ask the visitor to interpret the page: “Explore,” “Discover,” or “Learn more” may work with enough context, but they should not carry the entire burden alone.
The first screen should not summarize the whole page. It should make the next five seconds obvious.
Decide how much visual storytelling earns its place
A large cover image can create an immediate mood and make the page feel like a brand experience. It can also consume the entire first viewport while hiding the practical destination below.
Use a large visual opening when the image communicates something essential: the style of a photographer, the energy of a performer, the detail of a product, or the personality behind a service. Keep it more compact when visitors are primarily returning for a known link.
Ask two questions:
- Would the page lose important meaning without this much image?
- Can the title and main action remain readable at common mobile widths?
If the answer to either is no, shorten the hero, adjust the crop, or move the main action upward.
Social icons are usually supporting material
Social profiles can sit near the opening when cross-platform discovery is genuinely important. But if the visitor already arrived from a social profile, sending them immediately to five other networks may distract from the page’s primary job.
Keep the row compact. Put the most useful platforms first. Remove inactive accounts. A social icon should be there because the destination adds something, not because every platform has a logo.
Four useful first-screen patterns
1. Identity plus primary action
Use a name, short descriptor, portrait or logo, then a featured booking or product action. This works well for service businesses, creators, and professionals with one clear goal.
2. Campaign-first
Lead with a timely launch, event, release, or offer, then introduce the broader identity immediately below. Use this temporarily; do not leave an expired campaign in the lead position.
3. Portfolio-first
Use a visually distinctive cover followed by clear portfolio categories or an inquiry action. Best for photographers, artists, stylists, designers, and filmmakers whose work is the strongest explanation.
4. Utility-first
Use a compact introduction followed by the destinations repeat visitors seek most often. This suits pages used as a resource hub, catalog, menu, or frequently referenced directory.
What should move lower
The first screen is usually not the right place for:
- a long biography;
- every product category;
- multiple testimonials;
- a full FAQ;
- several equal calls to action;
- low-priority affiliate links; or
- decorative copy that does not clarify the offer.
Those elements may belong on the page. They simply do not all need the most expensive attention.
Test it at three widths
Review the opening on a narrow phone, a larger phone, and desktop. Do not only check whether it fits. Ask whether the hierarchy survives.
On each screen, confirm that:
- the name and descriptor remain readable;
- text does not land on a busy image area;
- the most important action is visible or immediately discoverable;
- the opening does not create an accidental wall of empty space; and
- the next section begins in a way that encourages scrolling.
Above the fold is not where you prove everything. It is where you remove the first uncertainty. Establish the identity, show what matters, and let the rest of the page unfold in a clear order.
