Academy/Launchpad
Module 3

Crafting Your Visual Identity.

25 min read Beginner Level
Design Mastery Video

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 Identity
4
Payments & Shipping
5
Grand Launch
Next Module
Ask AI