Skip to main content
Back to Help Center
Getting Started

Customizing your store's design

Learn how to customize your store header, sections, and desktop design to match your brand

5 min read

Getting Started

To customize your store's design, go to your store page and click the "Edit Design" button. This will open the design customization pane where you can configure all aspects of your store's appearance.

The edit design pane is organized into tabs for each design category: Header, Sections, and Desktop. Each tab contains the settings and options specific to that area of your store.

Header Design

In the Header tab, you can select a layout that best represents your brand. This will be applied to your store header. Choose between:

1. Editorial Cover

Editorial Cover header design

Tall hero with a soft gradient fade into your name, bio, and socials below. Inspired by growth-form overlays — elegant, editorial, and ideal for showcasing travel photography.

2. Classic Centered

Classic Centered header design

Profile picture centered over hero, bio and socials below. Perfect for a clean, traditional look that puts focus on your profile.

3. Hero Overlay

Hero Overlay header design

Full hero image with all info overlaid in white text. Ideal for showcasing stunning travel photography while maintaining readability.

4. Profile Left

Profile Left header design

Profile picture on left, name and bio on right, socials below. A structured layout that keeps your profile and content side by side.

Section Design

In the Sections tab, you can set the default design that will be applied to all sections. Individual sections can override this design. Choose between:

1. Classic

Classic section design

Bold gradient background with overlay, perfect for showcasing products. Creates visual impact and draws attention to your content.

2. Minimal

Minimal section design

Clean white background with subtle borders, elegant and professional. Best for a sophisticated, content-first approach.

3. Card

Card section design

Elevated card design with shadow, modern and eye-catching. Adds depth and creates a premium, contemporary feel.

Desktop Design

In the Desktop tab, you can customize how your store appears on desktop devices. These settings give you control over the desktop experience while maintaining mobile optimization.

Header Position

Choose where to position the header in desktop view. You can select from top, sticky, or floating positions to best match your design preferences and user experience goals.

Sections Default Design

Choose the default view for desktop visitors. Users can still toggle between views, but this sets the initial experience. Options include grid, list, or masonry layouts optimized for larger screens.

💡 Pro Tip

Start with a design that matches your brand personality, then test different options to see what resonates best with your audience. You can always change your design settings later as your store evolves.

Next Step

How to create your first product

Step-by-step guide to creating your first travel product in Tripix Studio