The Captive Portal Branding Checklist: Every Element That Makes It Feel Like You

The Most-Seen Page You Never Designed

For many venues, the captive portal is seen by more guests than the website, because everyone who connects sees it and few people visit the website from inside the building. Yet the website got a designer and three rounds of feedback, and the portal got whatever the defaults were on setup day.

That mismatch matters for two reasons. Conversion: the portal is a form, and every design weakness taxes the opt-in rate. And brand: for a first-time guest, the portal is often the second branded impression they receive after the room itself. A generic system page whispers that the venue does not sweat details. A portal that looks and sounds like the venue extends the hospitality into the phone.

What follows is a working checklist, organized so you can audit your own portal in twenty minutes. The conversion principles behind several items are covered in depth separately; this piece is about executing them in your brand.

Identity

• Logo in a crisp format. SVG ideally, or a PNG with transparency at twice display size so it stays sharp on high-density screens. A screenshot of your logo pasted off Instagram is instantly visible as such.
• The correct logo variant for the background. If your portal background is dark, use the light or knockout version. A dark logo vanishing into a dark gradient is an easy error to miss on a desktop preview.
• Clear space. Give the logo breathing room; do not wedge it against the viewport edge or the headline.
• No platform branding competing with yours. The guest should read this as the venue's page. On VoqadoWiFi's free Starter plan there is one small "Powered by VoqadoWiFi" line on the screen guests see after they are online, and nothing on the login itself.

Color

• One background treatment, one accent. Pick a background from your brand palette, use your primary brand color for exactly one thing: the submit button. When the accent appears everywhere it emphasizes nothing.
• Contrast that passes reading tests. Body text and field labels need real contrast against the background. WCAG sets at least 4.5 to 1 for normal text and 3 to 1 for large text at level AA (W3C, WCAG 2.2). Check it with any free contrast tool; elegant low-contrast gray-on-gray loses older eyes and everyone in sunlight.
• Think about the room's lighting. A dim cocktail bar argues for a dark portal that does not blast faces with a white screen; a bright breakfast cafe can carry a light one. The portal is seen inside the venue, in the venue's light.

Typography

• At most two typefaces, and system fonts are genuinely fine. Remember the constraint peculiar to portals: they load before internet access is granted, so externally hosted webfonts may not load at all. Use fonts served with the portal itself or well-chosen system stacks.
• Sixteen pixels minimum for inputs and labels, which also stops iPhone Safari from zooming the page when a field is tapped.
• One headline, one supporting line. If your portal has three sizes of heading, it has two too many.

Photography and Background

• A real photo of your venue beats any stock image, and no photo at all beats a generic one. Guests are sitting inside the venue; a stranger's restaurant on the portal is quietly absurd.
• Compress hard. The image must travel through the pre-authentication bottleneck; keep the whole page payload lean and the hero image well under 100KB. A slow portal is an abandoned portal.
• Darken or blur behind text. A gradient overlay of 40 to 60 percent opacity keeps the photo atmospheric and the form legible.

Copy and Voice

• A welcome that sounds like your staff. "Welcome in. Get online in ten seconds" reads differently from "Authentication required for network access." Write the way your best host speaks.
• A specific value promise. "We will send you the specials before they hit the board" is a stronger line than "sign up for updates" because it names what the guest is getting for their address. Match the promise to what you actually send.
• A frequency signal. The word "occasionally" and the phrase "unsubscribe any time" both reduce hesitation at the exact moment it occurs.
• Button text that describes the gain. "Get connected" over "Submit." Always.
• Proofread in every language you serve. A typo on a page seen a thousand times a week is a thousand small dents.

The Form Itself

• First name and email only. Every additional field costs completion; collect birthdays and phone numbers later in the relationship, not at the gate, and only collect a field when you have a concrete plan for it.
• The marketing checkbox: unticked, plainly worded, visually calm. Brand voice is welcome in the label, "Yes, send me the good stuff now and then" works, but the consent must remain clearly optional and separate from connecting. On-brand never means legally vague; your compliance setup depends on this box being honest.
• Inline validation that catches obvious email typos before submission, kindly.

Layout and Mobile Reality

• Design at 375 pixels wide first. That is the phone in the guest's hand. Logo, promise, field, consent, button: all visible without scrolling.
• Tap targets at least 44 pixels tall, and check that the keyboard does not cover the submit button on iOS Safari specifically, which handles this differently from Android browsers.
• Test on an actual phone on the actual guest network, not in a desktop browser preview. The pre-auth environment surprises people: blocked fonts, blocked analytics scripts, slow first paint.

After the Tap

• A success screen that is useful and on-brand. In the phone's captive portal window, the window usually closes itself once the guest is online, so do not count on a forced redirect. A short success message with one link (the menu, today's specials) is enough, and the same link belongs in your first email.
• Continuity into email. Any email a guest receives later, from VoqadoWiFi once email is switched on at your venue or from Mailchimp on Growth, should visibly belong to the same brand as the portal: same logo treatment, same tone, same accent color.

Maintenance Cadence

• Quarterly review, fifteen minutes: does the photo still match the room, is the promise still true, does the seasonal copy still fit the season?
• Update when the brand updates. A rebranded menu and signage with a two-year-old portal is a common and entirely avoidable incongruity.
• Archive dated screenshots of each portal version alongside your consent text history; future you will thank present you.

The Twenty-Minute Audit

Open your portal on a phone, on the guest network, and score each checklist section honestly. Most venues find two or three quick wins, and on a page every connecting guest sees, small fixes are worth making. If you are setting up fresh, the Starter plan is free for one location, so you can build and test a fully branded portal before it costs anything; create an account or try the interactive demo first.