Skip to main content

Customize Your Brand

Your brand is how people recognize and remember you. Let's make your Tatiya website feel unmistakably yours.

What You'll Do​

  • Choose your brand colors
  • Upload your logo
  • Set your cover image
  • Adjust visual settings

Accessing Brand Settings​

From your dashboard, go to Settings > Website > Brand.

Choosing Your Colors​

Brand​

Your brand colour appears on:

  • Buttons
  • Links
  • Active menu items
  • Key accents

How to choose:

  • Match your existing brand color
  • Consider your logo's dominant color
  • Think about the feeling you want to create
Color FeelingExamples
Energy & passionRed, orange, bright yellow
Calm & trustBlue, teal, green
Natural & earthyBrown, terracotta, olive
Elegant & boldBlack, deep purple, gold

Page​

This is the ground everything sits on. Most spaces use a light background (white or off-white) for readability. Dark backgrounds can work for certain aesthetics but require careful consideration.

Start Simple

When in doubt, keep the default colors. You can always adjust later once you see your content in place.

Logo Requirements​

  • Format: PNG, JPG, or SVG
  • Size: At least 400x400 pixels
  • Aspect ratio: Square (1:1) works best
  • File size: Under 2MB

Logo Placement​

Your logo appears in:

  • Website header
  • Browser tab (favicon)
  • Social sharing previews

No Logo Yet?​

Consider these options:

  • Use your space name as a wordmark
  • Create a simple logo with free tools like Canva
  • Commission a designer (many affordable options online)

For now, Tatiya displays your space name in a clean font.

Setting Your Cover Image​

Your cover image is the first visual visitors see—make it count.

Cover Image Requirements​

  • Format: PNG or JPG
  • Size: At least 1200 pixels wide
  • Aspect ratio: 16:9 works best
  • File size: Under 5MB

What Makes a Great Cover Image?​

Show action and energy:

  • A class in session
  • Your space filled with people
  • Someone engaged in your offering

Show your unique environment:

  • The distinctive features of your space
  • Equipment or setup that defines what you do
  • Architectural or design elements

Create the right mood:

  • Bright and energetic for fitness
  • Calm and serene for wellness
  • Creative and inspiring for workshops

Photography Tips​

If hiring a photographer:

  • Schedule during a real class/session
  • Capture candid moments, not posed shots
  • Get variety: wide shots and details

If using your phone:

  • Natural light is your friend
  • Clean the space first
  • Shoot landscape orientation
  • Take many shots, pick the best

Stock Photos​

While original photos are best, stock photos work if they:

  • Authentically represent your offering
  • Don't look generic or corporate
  • Match your space's actual vibe

Additional Visual Settings​

Dark Mode​

Choose whether visitors can toggle dark mode:

  • System — Follows their device preference
  • Light only — Always light theme
  • Dark only — Always dark theme

Typography​

Tatiya uses carefully selected fonts that work across languages. In most cases, the defaults work well.

If your site mixes Thai and English, you can give each script its own display font. See Style Your Site.

If you have specific typography needs (like matching a wordmark font), contact support.

Style Details​

Beyond color and type, you can adjust border weight, shadow style, section spacing, heading letter-spacing, a highlight color, and a statement band. All optional. See Style Your Site.

Preview Your Changes​

After making changes:

  1. Click Save
  2. Click Preview Site to see how it looks
  3. Check on both desktop and mobile views
  4. Adjust as needed

What's Next?​

Your colors and logo are set! Now let's fine-tune the details. Head to Style Your Site.

Brand Consistency

Your website colors and logo should match your physical space, social media, and any printed materials. Consistency builds recognition.