TribeNest Help Center
My Website

Choosing a theme

Browse the theme library, preview a theme with your own content, and apply the look you want for your website.

A theme is the starting point for your website — it sets the layout, the default sections on each page, and the overall feel. Every theme is fully editable once it is on your site, so you are not locked into anything.

Browsing themes

  1. Go to My Website then Themes in your dashboard.
  2. You will see a grid of every theme available — each card shows a thumbnail and the theme name.
  3. Click View Theme on any card you want to take a closer look at.

Take your time scrolling through. The thumbnail gives you the first impression, but the real test is previewing it with your own content.

Previewing a theme

When you click View Theme, you land on a live preview that uses your actual TribeNest content — your music, your merch, your colors. This is the best way to see how the theme will feel before you commit.

In the preview you can:

  • Switch between pages using the page picker at the top — the home page, the products page, the about page, and any others the theme includes.
  • Toggle between desktop and mobile views to see how the layout adapts to phones.
  • Open the styles panel to play with colors, fonts, corner radius, your favicon, and your social share image.

Anything you change in the preview is just for the preview — nothing is saved to your live site until you apply the theme.

The styles panel

The styles panel is where you tune the look of the whole theme. You can adjust:

  • Primary color — the main accent color used on buttons, highlights, and links.
  • Text over primary — the color of text that sits on top of the primary color (so buttons stay readable).
  • Background color — the base color behind your content.
  • Text color — the default color for body text.
  • Corner radius — how rounded buttons, cards, and other surfaces are.
  • Font family — the typeface used across the site.
  • Favicon — the tiny icon that shows in browser tabs.
  • Social share image — the image that shows up when someone shares your site link on social.

Test it on every page

Use the page picker to walk through the home page, products page, and any other pages the theme includes — that way you can spot any color or font choice that does not feel right before you apply.

Loading animation

Themes can show a loading screen while your site warms up — handy if you want a moment of brand before the content lands. In the styles panel, the Loading tab lets you turn it on and pick from indicators like a spinner, pulsing dot, bouncing dots, a progress bar, your own custom logo, typing text, or a skeleton shimmer.

You can also choose how the loading screen disappears — fade, curtain, slide in any direction, zoom out, blur, or a circle wipe. There is a slider to set the minimum display time so the animation does not flash by too fast.

If you turn on the loading animation, keep the minimum display time short — somewhere around 800 milliseconds is a good default. Anything longer can start to feel like your site is slow.

Page transitions

The Transitions tab controls how your site moves from one page to the next when a visitor clicks a link. You can:

  • Turn page transitions on or off.
  • Pick a transition type — fade, slide in any direction, zoom, flip, blur, or morph (a smooth crossfade).
  • Set how long the transition lasts.
  • Choose an easing curve so the motion feels right — linear, ease, ease in, ease out, or ease in out.

Subtle is usually better here — a quick fade or slide of around 300 milliseconds adds polish without making your site feel sluggish.

Keep transitions snappy

Long transitions feel great the first time and frustrating by the tenth. If you are not sure, stick with a short fade.

Applying a theme

When the preview looks the way you want it to, applying the theme adds a new website version to your My Website home — based on the theme you picked, ready for you to edit and publish.

  1. Open the theme in Preview.
  2. Tweak the styles panel until the look feels right.
  3. Use the apply action to add this theme as a new version of your website.
  4. Head over to My Website then Home to keep editing — see Editing your website.

Applying a theme does not publish your site. It just puts a new version on your dashboard that you can edit, preview, and publish when you are ready. Your currently published site stays live, untouched, until you publish the new version.

Switching themes later

You can pick a different theme at any time. Each new theme creates a new version on your My Website home, so your existing published site keeps running while you build the new one. When the new version is ready, publish it — see Publishing your website.