Module 3
Crafting Your Visual Identity.
25 min read Beginner Level
First impressions are everything. Your store's design should reflect your brand's personality and make it easy for customers to trust you.
1. Using the Theme Editor
Joomni's Theme Editor is a visual drag-and-drop tool. You don't need code to build a stunning site. Focus on these key sections:
- Header & Announcement Bar: Highlight your best offers (e.g., "Free Delivery in Kathmandu").
- Hero Banner: Your main call to action. Use high-quality lifestyle images.
- Featured Collections: Show off your best-selling categories immediately.
2. Colors & Typography
Consistency is key to professional design. Navigate to Global Settings:
Color Palette
Choose a Primary color that matches your logo. Stick to 2-3 colors total to avoid clutter.
Typography
Pick a bold font for headings and a clean, readable font for body text.
3. Logo & Favicon
Your logo appears in the header, emails, and invoices.
Upload a PNG with a transparent background.
Recommended size: 200px x 80px for logos.
Don't forget the Favicon (the tiny icon in the browser tab).
Ensure your logo is readable on both light and dark backgrounds.
Launchpad Path
Module Progress
Foundation
Product Magic
3
Visual Identity4
Payments & Shipping5
Grand LaunchResources
Open Theme Editor