Theme Studio
Your storefront's brand lives in Theme Studio. Pick a preset, customize a few fields, save. The live preview iframe shows exactly what customers see before any change goes public.
Where to find it
Dashboard → Theme Studio. The page is split: form on the left, live preview on the right. Every change you type updates the preview instantly. Save commits the change; navigating away without saving discards.
The 9 presets
| Preset | Vibe | Best for |
|---|---|---|
| Minimal | Black + white. Quiet. | Pure inventory focus, no distractions |
| Standard | Everything on, balanced | Most sellers. The safe default. |
| Cinematic | Display type, big hero | Statement brands, anchor cards |
| Classic | Serif elegance | Vintage and pre-war specialists |
| Terminal | Monospace, trader vibe | Modern flippers, data-heavy |
| Auction | Sotheby's premium | High-end consignment |
| Vault (dramatic) | Gold + black, premium tier | Boutique, high-ticket only |
| Neon (dramatic) | Cyber, lime + magenta | Modern parallels, hits-heavy |
| Editorial (dramatic) | Magazine, red + cream | Storyteller brand, blog-style |
Presets are starting points, not cages. Apply Vault, then change the gold to your team's color. Apply Neon, then swap the magenta for the green you actually want. The form fields below the preset row are all customizable.
The 12 color palettes
Below the preset row is a 12-palette grid — pre-built color combinations you can apply to any preset:
- Crimson — deep red, gold accents
- Sapphire — navy + silver
- Emerald — forest green + cream
- Amethyst — purple + lavender
- Sunset — orange + pink
- Forest — moss green + tan
- Ocean — teal + sand
- Midnight — navy + cyan
- Champagne — gold + ivory
- Slate — charcoal + silver
- Coral — coral + peach
- Royal — purple + gold
What you can customize
| Field | What it controls |
|---|---|
| Brand name | The text in your hero. Defaults to your business name. |
| Tagline | One-line subtitle under the brand name. Optional. |
| Logo URL | Image displayed top-left. Use a square PNG, 256×256 or larger. |
| Hero image URL | Background of the homepage hero. 1600×600 recommended. |
| Primary color | Buttons, links, accents |
| Background color | Page background |
| Text color | Body copy |
| Heading font | Display type. Pick from a curated list of 12. |
| Body font | Reading text. Pick from a curated list of 8. |
| Card style | Bordered, soft, hard, rounded, square |
| Density | Tight, comfortable, airy |
The "Apply SlabTrack Showcase" button
Top-right of Theme Studio. One click sets a polished default: SlabTrack's logo, the cinematic preset, the sapphire palette, a clean hero. Most sellers use this as their first save just to have something live, then tweak.
If you click "Cinematic" instead of "Apply SlabTrack Showcase," the logo URL stays blank — the preset only changes typography. Combining presets and palettes does NOT auto-fill logo or hero image. Add those manually.
Workflow: typical 5-minute setup
- Click Apply SlabTrack Showcase for a baseline
- Switch to Vault preset (premium feel)
- Apply Champagne palette (gold-on-black brand)
- Type your brand name + tagline
- Replace the logo URL with your own (host on Imgur, S3, or Cloudinary)
- Save → visit your storefront in an incognito tab