Choosing a Theme Preset

Overview

Ultimate Social Proof offers six theme presets to help your social proof notifications blend seamlessly with your store's design. Each preset has been carefully crafted with complementary colors, shadows, and styling to match different brand aesthetics.

Available Presets

Minimal

A clean, understated design with a white background, subtle borders, and soft shadows. This preset uses refined grays for text and a classic blue accent color.

Best for: Modern, clean storefronts with minimalist branding
Background: White
Text: Dark gray
Accent: Blue
Corner radius: 8px (slightly rounded)

Luxury

An elegant, high-end design featuring a dark background with gold accents. The deeper shadows and larger corner radius create a premium, sophisticated feel.

Best for: Premium brands, jewelry stores, fashion boutiques, and luxury goods
Background: Rich black (#1a1a1a)
Text: Off-white
Accent: Gold
Corner radius: 14px (more rounded)

Bold

A vibrant, attention-grabbing design with a solid blue background and white text. The colored shadow creates a modern, energetic appearance.

Best for: Tech brands, sports stores, and businesses wanting maximum visibility
Background: Bright blue
Text: White
Accent: Amber/yellow
Corner radius: 6px (crisp edges)

Pastel

A soft, inviting design with a light pink background and rose-tinted text. Perfect for brands with a feminine or playful aesthetic.

Best for: Beauty brands, wellness stores, children's products, and lifestyle shops
Background: Soft pink
Text: Deep rose
Accent: Pink
Corner radius: 12px (friendly, rounded)

Glass

A modern, semi-transparent design with a frosted glass effect. The backdrop blur creates depth while letting your store's design show through.

Best for: Stores with strong visual backgrounds, image-heavy designs, and modern aesthetics
Background: Semi-transparent white with blur effect
Text: Dark navy
Accent: Blue
Corner radius: 16px (smooth, modern)

Dark

A sleek, professional dark theme with a charcoal background and subtle borders. The indigo accent adds a touch of sophistication.

Best for: Tech stores, gaming shops, and brands with dark-themed websites
Background: Charcoal gray
Text: Light gray
Accent: Indigo
Corner radius: 10px (balanced)

How to Change Your Theme Preset

Open the Shopify theme editor by going to Online Store > Themes > Customize
Navigate to a page where the Ultimate Social Proof block is enabled
Click on the Ultimate Social Proof block in the left sidebar
Find the Theme preset dropdown in the settings panel
Select your preferred preset from the six available options
Preview the changes in real-time on your store
Click Save when you're happy with your selection

Custom Design Overrides

If you want to fine-tune the appearance beyond what the presets offer, you can use the optional design overrides:

Corner Radius

Adjust the roundness of the notification corners using the Corner radius (px) slider. Values range from 0px (sharp corners) to 24px (very rounded). This override applies on top of whichever preset you've selected.

Accent Color

Customize the accent color using the Accent color picker. The accent color is used for the progress bar and other interactive elements. Choose a color that complements your brand or matches your store's primary color.

Tips for Choosing the Right Preset

Match your brand: Choose a preset that aligns with your overall store aesthetic and brand colors
Consider contrast: Make sure the notification stands out enough to be noticed but doesn't clash with your design
Test on mobile: Preview your selection on mobile devices to ensure it looks great across all screen sizes
Think about your background: The Glass preset works best on stores with visual backgrounds, while solid presets work better on plain backgrounds
Use overrides sparingly: The presets are designed to be cohesive, so only override specific values if you need to match exact brand colors