Themes & Custom Styles - SiteSketcher Documentation

TemplateId

Selects which pre-designed storefront layout theme is rendered for customers (e.g. Atelier, Amore, Pulse, Vanguard, Riwaq).

Developer Integration Guide

Go to Design Studio -> Templates, and click 'Apply Template' on your selected theme.

Data Type Choice List (12 templates)

Default Value Aurora

Instantly aligns your store's layout to fit specific niches (e.g., Atelier for boutique fashion, Pulse for technical gear, Bistro for restaurants).

PrimaryColor / CTAColor

Controls key branding colors including backgrounds, accents, and Call-to-Action buttons (e.g. 'Add to Cart').

Developer Integration Guide

Go to Design Studio -> Customize -> Colors, and set colors using the color picker.

Data Type Color Picker (Hex Code)

Default Value Template Native Default

Calibrates visual style to match your brand logo. High contrast CTA colors improve conversion rates.

HeaderLogoUrl / FooterLogoUrl

Allows uploading customized logo files exclusively for header nav bars or footer backgrounds (e.g., a white transparent version for dark footers).

Developer Integration Guide

Go to Design Studio -> Customize -> Header / Footer, and upload logo overrides.

Data Type Image Upload

Default Value Main Logo fallback

Solves readability issues on contrasting background blocks without altering your main brand logo settings.

CardStyle

Configures the corner border-radius and shadow of product preview tiles across categories.

Developer Integration Guide

Go to Design Studio -> Customize -> Layout, select Card Presets.

Data Type Option list (Sharp / Rounded / Soft / Elevated)

Default Value Rounded

Sharp borders deliver a technical brutalist vibe, while rounded/elevated corners feel organic and luxurious.