Sign up page design: what goes beside the form

By Screenrove editorial · 22 October 2026

Sign up page design from 118 real screens: 52 split the page in two. What fills the other half, from product mocks and testimonials to stats and sample output.

Of the 118 sign-up and log-in screens on our login pages wall, 52 split the page in two, slightly more than the 49 that centre a lone form. The interesting part of sign up page design is no longer the form, which has converged on Google, an email field and one button, but what a team chooses to put in the other half. We sorted all 52 split screens by what does the main work beside the form, and the answers are more varied than "a testimonial and some logos".

Split vs centred: the count

Across 104 products the layouts break down like this: 52 split screens (47 products), 49 centred cards (43 products), 12 modals over the app and 5 full-bleed backgrounds. Restrict it to sign-up and combined sign-up/log-in screens and the split lead holds, 50 to 44.

The bigger gap is in what each layout carries. Our model flagged proof or a pitch beside the form on 38 of the 52 split screens, against 9 of the 49 centred ones. A split layout spends half the viewport selling, so the question is what kind of selling.

What fills the other half

Here is how the 52 split screens sort when you ask what the non-form half is mainly doing. Many mix two jobs, so this counts the dominant one.

Two things stand out. Showing the product (UI plus sample output, 24 screens) is more common than quoting a customer. And logo rows are everywhere as a secondary layer: 21 of the 52 split screens carry one, usually pinned to the bottom of whichever panel they sit in.

Product mocks: show the thing you are signing up for

Sanity's sign-up is the clearest case. The right half pairs a defineType schema in a code editor with the Studio editing form it produces, under "Build content-powered applications in minutes". One image explains the product to both the developer and the editor. The proof is moved to the form column instead: nine customer logos, from Anthropic to Shopify, under "Trusted by leaders and innovators".

Others go lighter. folk crops a CRM pipeline with deal cards, Lovable shows a frosted prompt bar mid-typing "Ask Lovable to build dashboards." and Fibery renders a browser mock of a workspace that already carries the new account's name. The common move is a cropped slice of real UI, not a full dashboard.

Testimonials: one big quote, or a wall of them

Tana runs a video-still testimonial from Ali Abdaal, "Best-selling author of Feel Good Productivity", with the quote "Tana is insane — it generates incredible insights and content ideas from my calls and meetings without having to do a thing." Carousel dots suggest more are coming, and 13 customer logos sit under "Used by thousands of forward-thinking professionals in leading companies."

Glasp takes the opposite approach: half the screen is a masonry wall of long, multi-paragraph testimonials on a blue-violet gradient, with names and job titles on every card. The form side adds five green-ticked features ("Highlight Web & PDF", "Chat with Your Highlights") above just two buttons, Google and Apple.

UXPin narrows it to one quote in a dark side column, picked for a number: "When I used UXPin Merge, our engineering time was reduced by around 50%." The quote is attributed to a named Lead UX Designer with a photo. Make does the same on a purple panel with a Globant quote, then adds "Trusted by 400,000+ companies" and a logo row underneath.

Stats as proof

The boldest stat placement on the wall is Gumroad's, which puts it in the headline: "Join over 320,548 creators who have earned over $1,240,209,957 on Gumroad selling digital products and memberships." The other half is pure brand art, a grid of cartoon creatures. The proof does not need a panel because it is the first thing you read.

Most stats are shorter and sit above a logo row: Cloudinary's "Trusted by 3M developers and 11K customers worldwide" under nine floating logo badges, Glide's "Over 100k companies have built with Glide." over six logos, and Jotform's "Trusted by over 40 million users around the world." at the foot of an AI-agent promo. Hotjar uses "Trusted by 3,700 enterprise brands". Vercel, on a centred card, keeps it to one line from one customer: Helly Hansen's "80% YoY growth on Black Friday with zero downtime".

Sample output: show what users make

Linktree fills its right half with a sample profile collage on mustard: a creator page with the handle "/shapeshft3rs", link buttons for "Slow flow", "Online courses" and "Wellness retreats", and social icons. It is the outcome the visitor wants, already built.

Gamma tilts a wall of example posters, reports and decks off the right edge, and Kittl shows four product photos (a jar, a tote, a mug, a candle) of where its designs end up. For creation tools, the result sells better than the editor.

Brand art, and when the panel says nothing

Eight split screens use the space for mood alone: Evernote's huge "Your second brain", Neon's halftone fade, a pure gradient on Coolors. They never go stale, but they spend half the screen without making a claim.

Proof below a centred form

Split is not the only way to carry proof. Of the 9 centred screens with proof, the most complete is Superthread. The form is three identical outlined buttons and one email field. Well below it come a Winston Churchill quote ("He who fails to plan is planning to fail."), "Join 10,000+ companies getting more done with Superthread", and four logos: lastminute.com, IKEA, Mercado Libre and AMD.

Plane does a shorter version with "Join 50,000+ teams building with Plane" over Zerodha, Sony, Dolby and Accenture logos. The form stays the centre of attention, and the proof survives narrow windows where a split panel would be dropped.

Brand colour vs default blue on the button

We also recorded each screen's main accent colour, usually the primary button. Blue was the single most common accent on centred pages, 20 of 49. On split pages blue drops to 16 of 52, and near-black accents rise to 16 of 52, against 9 of 49 on centred pages. When half the page is already loud, the button tends to go quiet.

The brand-coloured exceptions are easy to spot: Glide's teal Google button, Fillout's yellow "Continue with email", Postman's orange "Create Free Account", Relume's magenta Continue. Grafana goes the other way, with an orange logo above a standard blue "Create my account". Several split pages, including Sanity, Tana and Make, have no filled primary at all: every button is outlined or grey, and the colour budget is spent on the panel.

What to steal for your sign up page design

• Decide what the other half is for. Show the product, prove it, or set a mood. Most teams on our wall pick the first two.
• For creation tools, show the output. Linktree's finished profile and Gamma's wall of decks sell the result, which is what the visitor came for.
• Make a stat specific. Gumroad's exact creator and earnings figures and Vercel's single customer result say more than "trusted by thousands".
• One quote with a number, or many quotes. UXPin's "around 50%" and Glasp's wall both work; a single vague quote is the weakest middle.
• Keep logos as a footer layer. 21 of 52 split screens use a logo row under something else, not as the main event.
• Centred works too. Stack the proof below the card, as Superthread and Plane do.
• Match the button to the panel. A busy, colourful panel pairs well with a black or neutral button; a quiet panel leaves room for a brand-coloured one.

How we counted

We captured these screens in desktop browsers with research accounts in September and October 2026. A vision model recorded each screen's attributes (layout, whether proof sits beside the form, accent colour), and you can check them on each screen's page. The six-way sort of split panels is our own reading of the 52 screenshots, by dominant content. The accent colour is a best estimate and sometimes picks up a panel rather than a button, as on Make. We record what we saw, not A/B test results, so none of this tells you which version converts better.

To pull these as references while you build, connect the Screenrove MCP server and ask your agent for split-screen sign-up pages with a product mock or testimonial panel. Or browse every split sign-up page with proof beside the form.