Store Appearance
& Brand Strategy
First impressions are everything in e-commerce. This module gives you the tools to bridge the gap between a generic shop and a world-class brand. Learn how to configure your identity, master dynamic layouts, and optimize for global search engines.
Core Brand Identity
Logos, Favicons, and Typography
Defining your brand starts with visual consistency. In the General Tab, you can upload your primary logos and select the perfect font pairings that reflect your store's personality.
Store Identity
- Store Name: Your official business title. It serves as the primary identifier across your storefront, transactional emails, and browser metadata.
- Store Logo: This is your main storefront logo, primarily used in the navigation header.
- Secondary Logo (Dark BG): This is your secondary storefront logo, primarily used in the footer.
- Favicon: The iconic symbol visible in browser tabs and bookmarks.
Typography Tiers
Choose from over 50+ curated font options for headings and body text. Our library is organized into tiers - Ultimate and Premium plans unlock exclusive modern and serif typefaces.
Live UI Concept: Typography
Inter Extra Bold
Modern sans-serif fonts optimized for readability and long-form scrolling.
Layout Architecture & Motion
Structural bars, shape psychology, and micro-interactions
Beyond just colors and fonts, the physical structure of your site determines how users interact with your content. The Layout Tab gives you granular control over promotional banners, the physical shape of your buttons, and the subtle animations that make a store feel premium.
Maximizing Top Real Estate
Announcement Bar
A highly visible, color-customizable banner sitting at the very top of your site. Perfect for driving urgency during flash sales or offering free shipping codes. You can link this entire bar directly to a specific collection or product page.
Utility Top Bar
Located just above your main navigation, this bar acts as a trust signal. Use the left side to display a support phone number with an icon, and the right side to add dynamic quick links (like "Track Order" or "Help Center").
The Psychology of Shapes
Consistency in UI elements builds subconscious trust. Decide whether your brand feels bold and technical, or soft and approachable, by setting global border radiuses for both Buttons and Product Cards.
- Sharp (0px): Creates a modern, editorial, or high-fashion look.
- Rounded (Default): The industry standard. Friendly, accessible, and balanced.
- Pill/Soft: Highly modern and playful, often used in beauty or tech startups.
Sticky Header
By enabling the sticky header, your main navigation and shopping cart icon remain locked to the top of the screen as customers scroll down. This reduces friction and drastically improves conversion rates, especially on mobile devices.
Motion & Effects
Upgrade the browsing experience with subtle micro-interactions. Enable Fade-In Page Loads for smooth transitions, and Product Image Zooms that trigger when a customer hovers over an item.
Premium FeatureColor Mastery
Dual-tone presets and Custom Branding
Consistency is Key
Instead of choosing random colors, we provide Industry-Specific Presets. These palettes are tested for accessibility and psychological conversion rates.