--- title: "How to match your landing page to your brand" description: "Style the page behind your QR code so it looks like the rest of your brand. Describe your colours, name your website, or attach a screenshot and let the AI read the palette off it." canonical: "https://linkbreakers.com/help/article/how-to-match-your-landing-page-to-your-brand" last-updated: 2026-10-15 --- # How to match your landing page to your brand > Style the page behind your QR code so it looks like the rest of your brand. Describe your colours, name your website, or attach a screenshot and let the AI read the palette off it. :::try-ai-prompt {"prompt":"Create a rating form for my customers, then redirect to my Instagram. Style the page to match my website.","description":"Ask the AI builder to style a page to match your brand. It will ask which site to match."}::: ## Short answer Every link that shows something to a visitor (a form, a contact card, a social links page, a thank you page) renders with a page theme. You can set that theme three ways: apply a page theme template, describe the colours you want, or attach a screenshot of your website and ask the assistant to match it. The assistant reads the palette off the image and applies it in one step. ## Three ways to set the look | Method | What you say | Best when | |---|---|---| | Preset | "Use the Ocean Blue theme" | You want something tidy and have no brand palette | | Description | "Cream background, dusty pink buttons, serif headings" | You know your colours | | Screenshot | Attach an image, "match this" | Your brand lives on a site you can screenshot | ### Presets Six presets ship with every workspace: Clean White, Dark Mode, Ocean Blue, Warm Sunset, Forest Green, and Colorful Pink. Naming one is the fastest route to a page that does not look like a default. ### Describing your colours The assistant understands ordinary colour language and hex codes equally well. "A dark page with lime green buttons" and "background #111111, buttons #A3E635" both work. You can set the background, button and text colours, gradients, and the heading font. ### Attaching a screenshot Take a screenshot of your homepage and drop it into the chat, then ask for the page to match it. The assistant reads the image directly, pulls out the dominant background, accent and text colours, and applies them as a theme. It will tell you which values it took and where it took them from, so a wrong reading is quick to correct: "the accent should be the pink from the header, not the grey from the footer." ## Add your logo at the bottom of every page Open the page theme editor and turn on **Footer logo**, then upload your logo. It sits centred at the bottom of every page the theme styles: the menu, message pages, forms and contact cards. It is scaled to fit within 200 by 48 pixels, so a wide wordmark and a square logo both work. Turning the switch off hides the logo but keeps the image, so you can bring it back without uploading it again. On a phone, the editor opens the setting from the **Logo** button in its toolbar. ## Cover photos and where the content starts A cover photo set to fade from the top fills the top of the page. Your title and buttons now start below the photo instead of on top of it, so faces and text in the picture stay visible. A cover that fades from the bottom keeps the same space free at the bottom. A full-page cover is unchanged: content sits over it, centred. ## Step-by-step 1. Open the AI builder and describe the link you want, including the styling: *"Create a rating form for my customers, then redirect to my Instagram. Style the page to match my website."* 2. The assistant asks which site to match. Give it the URL, describe the colours, or attach a screenshot. 3. It builds the workflow and applies the theme together. 4. Ask for adjustments in plain language: *"make the buttons darker"*, *"use a serif font for the heading."* You do not have to get the styling right in the first message. Building first and restyling afterwards works just as well. ## Limits and caveats - The theme styles the pages your visitors land on. It does not change the QR code itself: that is a separate QR code design, with its own colours and shapes. - A plain redirect has no page to style. If your link sends visitors straight to another website, there is nothing between the scan and the destination. - Matching a screenshot copies the colours, not the layout. You get your palette on a Linkbreakers page, not a replica of your homepage. - Colours read from a photograph of a screen are less reliable than a real screenshot. Screenshot the site rather than photographing your monitor. ## Frequently asked questions ### Can it match my logo instead of my website? Yes. Any image works as a colour reference: a logo, a brand guide page, a product photo. The assistant reads the palette off whatever you attach. ### Does the theme apply to every link I make? No. A theme belongs to the link you are working on. To reuse a look across a campaign, ask the assistant to apply the same theme when it builds the next link. ### Can I change the theme after people have started scanning? Yes. The theme is applied at the moment of the scan, so an update takes effect immediately for everyone, including on codes already printed. ### What if I do not have a website? Describe what you want instead. "Warm and minimal, off-white with brown text" is enough to work from. ### Can I put my company logo on the page? Yes. Turn on **Footer logo** in the page theme editor and upload it. It appears at the bottom of every page that uses the theme. ### My title covers the people in my cover photo. Can I move it down? Use a cover that fades from the top. The content then starts below the photo automatically. With a full-page cover, the content stays centred over the image. ### Can I set the font? Yes. Ask for a heading font by name or by feel, like "something serif" or "a rounded sans", and the assistant picks from the available families.