Visual Branding, Colors & Layout Templates (Classic, Modern, Minimalist)
Upload your brand logo, set primary and secondary brand colors, select from 3 layout templates, and save all landing page settings at once.
#Creating a Seamless On-Brand Experience
When customers scan your QR code, the landing page should look like a natural extension of your store or salon, not a generic third-party website. Displaying your logo and brand colors reassures customers that they are reviewing your genuine business.
#Uploading Your Brand Logo
Your logo appears prominently at the top of the mobile review page. You can configure it in two ways:
- File Upload: Click "Upload Logo" and choose a JPG or PNG file under 1MB. Karo Simple automatically compresses and crops the image to a clean square format.
- Direct URL Link: Alternatively, paste a direct web URL link to your hosted logo in the text field.
Logo Aspect Ratio Recommendation
For the sharpest appearance, use a square image (equal width and height, such as 500x500 pixels). If your logo is a wide rectangle, ask your designer for a square icon or emblem version so it does not get cropped.
šø Visual Guide: Screenshot 5 - Brand Logo Uploader & Color Picker Swatches
The Visual Branding section showing logo upload and color selectors. š What is shown: ā¢ Logo preview box with "Upload Logo" and red "Remove" buttons. ā¢ Primary Color swatch with hex code input (e.g. #1E3A8A). ā¢ Secondary Color swatch with hex code input (e.g. #3DAA72). ā¢ Interactive color picker wheel popup.
#Configuring Primary & Secondary Brand Colors
Match your landing page to your store interior decor, uniforms, or menu design:
- Primary Color: The dominant color used for page headers, card borders, and primary titles. Example: Set to deep navy (#0F172A) or royal purple (#6B21A8).
- Secondary Color: The accent color used for action buttons ("Copy Review", "Post on Google") and clickable elements. Example: Set to emerald green (#10B981) or vivid lilac (#A855F7).
#Choosing Your Layout Template
Karo Simple provides 3 distinct mobile layout styles tailored to different business environments:
- 1. Classic Layout (All Plans): A clean, centered card design. Highly familiar and intuitive for all demographics. Great for retail shops, cafes, and family restaurants.
- 2. Modern Layout (Pro & Agency): A premium, left-aligned layout featuring an expansive hero banner, polished card shadows, and modern typography. Perfect for luxury salons, boutique hotels, and design studios.
- 3. Minimalist Layout (Pro & Agency): An ultra-fast, streamlined layout with large star buttons and minimal text distractions. Ideal for high-volume cashier desks, drive-thrus, and fast food counters.
šø Visual Guide: Screenshot 6 - Layout Template Selection Interface
Visual template selector showing preview cards for the 3 layouts. š What is shown: ā¢ Card A: Classic centered layout. ā¢ Card B: Modern hero banner layout with PRO badge. ā¢ Card C: Minimalist speed layout with PRO badge. ā¢ Active template highlighted with green border.
#Saving Everything: The Master Save Button
Unlike some settings pages with separate save buttons for each section, this tab features a single master button at the very bottom:
Review Your Changes Across All 5 Sections
Confirm your platform visibility, language sequence, review sliders, brand colors, and template.
Click "Save Configuration Settings"
Click the green button at the bottom of the page. All sections are validated and updated in the database simultaneously.
Do Not Leave Before Saving
If you switch tabs or close your browser before clicking "Save Configuration Settings", your adjustments will not be saved.
šø Visual Guide: Screenshot 7 - Live Mobile Landing Page Preview
Final customer landing page rendered on an iPhone mockup. š What is shown: ā¢ Branded header showing uploaded store logo and primary brand color. ā¢ 5-star rating selector and language toggle pills. ā¢ Review suggestion card with "Copy & Post on Google" button in secondary brand color.
#Frequently Asked Questions
Was this guide helpful?
Help us keep our documentation accurate and easy to follow.
Platform Visibility, Ordering & 16-Language Localization
Control which review platforms appear on your QR landing page, set sequence order without position conflicts, and configure 16 regional languages.
Review Length Rotation Mix: Short, Medium & Lengthy Sliders
Configure the relative weights for Short, Medium, and Lengthy review suggestions with real-time percentage bars to match customer reading habits.