Practical design guide

How to use Templates and Themes effectively

Templates decide your page structure. Themes decide the visual style. This guide shows you how to combine both to build a polished page quickly.

Illustration showing template structure and theme styling layers

1) Start with a template

Templates are your layout blueprints. They define block order and content hierarchy: profile, links, CTA, testimonials, and more.

Profile block
Hero block
Links block
Social block
CTA block
Proof block
Text block
Payment block

Template Anatomy

A template is the structure of your page. It decides what blocks appear and in what order.

ProfileHeroLinksSocialCTAProofTextPayment
Alex Rivera

Alex Rivera

Designer, maker, and creative technologist. Sharing what I build.

My PortfolioRead My BlogNewsletter — Weekly Design Tips

Simple Links

General

A clean, general-purpose creator page. Links first, social icons below — nothing extra.

Alex Rivera

Alex Rivera

Designer, maker, and creative technologist. Sharing what I build.

My PortfolioRead My BlogNewsletter — Weekly Design Tips

Simple Links (Flat)

General

Minimal layout with no background gradient — flat page color only.

Sarah's Studio

Sarah's Studio

Limited drops. Honest pricing. Built for repeat buyers.

Handcrafted digital planners and templates. Loved by 10,000+ customers.

Shop the Best Seller →

Trusted by 10,000+ customers

More from the Shop

2025 Digital Planner — Best SellerNotion Workspace KitFree Weekly Planner TemplateBehind the Scenes — YouTube

What Customers Say

The planner completely changed how I organise my week. Worth every rupee.

Priya M. · Freelance Designer

Beautiful design and super functional. I bought two more for friends!

Anika R. · Content Creator

Best digital planner I have ever used. The templates are so well thought out.

Rohan K. · Student

Sell Something

Business

Conversion-focused layout with a bold CTA, social proof, and product links.

Coach Raj

Coach Raj

Train smart. Recover better. Stay consistent.

Certified strength & nutrition coach. Helping you build discipline, not just muscle. 8+ years experience.

My Approach

No crash diets. No magic supplements. Just structured training, proper nutrition, and accountability. I build programmes tailored to your body, your schedule, and your goals.

Book 1:1 coaching

Limited spots each month

Client Results

Lost 12 kg in 4 months. Raj kept me accountable every single week.

Vikram S. · Lost 12 kg

Finally gained the muscle I had been chasing for years. The meal plans are a game-changer.

Neha P. · Gained 6 kg lean mass

I thought online coaching would not work for me — Coach Raj proved me wrong.

Amit D. · Transformed in 6 months

Fitness Coach

Niche

Built for trainers and coaches. Lead with your philosophy, back it with results, convert with a clear CTA.

Spice Garden

Spice Garden

Freshly prepared favorites, served with heart.

Authentic North Indian cuisine. Family recipes since 1998. Dine-in, takeaway & delivery.

Order on WhatsApp

Fast takeaway and delivery

Order and Explore

View Full Menu (PDF)Order on ZomatoOrder on SwiggyFind Us on Google MapsPay Advance via UPI

Our Story

From family recipes to your table.

  • Fresh ingredients
  • Authentic flavor
  • Warm hospitality

Restaurant Business

Niche

Purpose-built for restaurants and cafes with ordering, menu, reservations, and customer proof.

2) Pick the right theme

Themes control the mood of the exact same template by changing color, background, typography, and shape.

Colors

Brand color, text contrast, and accent tone.

Backgrounds

Hero gradient, full-image, or minimal flat style.

Typography

Font personality changes how your brand feels.

Bold Headline

Friendly supporting text

Shape

Button radius and shadows create the visual mood.

Concept illustration showing how theme choices restyle the same page layout

3) Combine both for best results

Think of templates as the skeleton and themes as the skin. Keep the structure that converts for your goal, then explore style variations.

Template

Block order and hierarchy

Theme

Color, typography, and shape

Final page

Consistent structure with your vibe

Pick Template

Apply Theme

Alex Rivera

Alex Rivera

Designer, maker, and creative technologist. Sharing what I build.

My PortfolioRead My BlogNewsletter — Weekly Design Tips
Same layout, different theme: switch the theme to see color, typography, and surface style change instantly.

4) Follow this workflow

Use this simple sequence to get from zero to publish in minutes.

1

Choose a template by your goal

Pick the layout that matches your use case: creator profile, selling, coaching, or restaurant links.

  • Simple Links: general creators
  • Sell Something: products and services
  • Fitness Coach: trainers and coaches
  • Restaurant: menus, reservations, ordering
2

Pick a theme that fits your brand

Start with professional/minimal/fun/festive options and preview quickly.

ProfessionalMinimalFunFestive
3

Customize your blocks in the editor

Update hero tagline, links, CTA labels, testimonials, and section text for your voice.

Illustration of editing template blocks in the dashboard editor
4

Preview and publish confidently

Use the live phone preview, test your links, then publish your page.

Preview first, then publish.

Pro tips

Use the suggested theme first

Every template includes a suggested starting theme that usually fits out of the box.

Test dark and light variants

Keep the same structure and compare readability before finalizing.

Keep link labels action-oriented

Clear CTA labels improve conversions regardless of theme.

Use festive themes for campaigns

Seasonal themes are useful for launches, holidays, and limited-time offers.

Ready to design your page?

Choose your template, apply a theme, and launch with confidence.

Create Your Page