SScale Themedocs

Ready-to-use Scale Theme configurations for fashion, beauty, food, tech, luxury, and more.

Recommended setups by industry

Every industry has its visual codes and customer expectations. A fashion site doesn't have the same needs as a supplement store. This guide offers ready-to-use configurations adapted to your business.


Fashion & Apparel

Fashion relies on visuals and emotion. Images should dominate, design should be sleek, and the experience fluid.

Visual identity

SettingRecommended value
Heading fontCormorant Garamond or DM Sans
Body fontInter or Assistant
Heading Scale110-120%
Main paletteWhite bg, black text, gold/black accent
Secondary paletteBlack bg, white text, gold accent
Button border radius0 px (square, edgy)
Button hoverFill Slide
Button presetNone or Ghost
  • Layout: Centered or Split
  • Transparent: Yes, on homepage
  • Menu: Mega menu with collection images

Homepage

1. Slideshow (3 slides, full screen, fade transition)
2. Category Showcase (4 categories with lifestyle images)
3. Featured Collection "New Arrivals" (4 columns, mobile slider)
4. Image with Text (brand storytelling, dark palette)
5. Best Sellers (slider, gray palette)
6. Reviews Carousel (minimal style, Trustpilot)
7. Newsletter (accent palette)

Product page

  • Layout: 2 columns 60/40
  • Gallery: Vertical thumbnails, zoom enabled
  • Variant options: Color swatches (round) + Size buttons
  • Blocks: Stars > Title > Price > Variants > Size Chart > Buy > Trust > Delivery > Tabs

Key features

  • Quick View enabled
  • Fly to Cart animation
  • Cart drawer with upsells (complementary accessories)
  • Sticky ATC (bottom, mobile)

Beauty & Cosmetics

Beauty relies on sensory emotion and ingredient trust. The design should be soft, premium and reassuring.

Visual identity

SettingRecommended value
Heading fontPlayfair Display or Lora
Body fontNunito or Assistant
Main palettePale pink/beige bg, dark brown text, rose accent
Button border radius100 px (pill)
Button hoverLighter
Button presetBubble

Homepage

1. Banner Hero (close-up product, soft palette)
2. Reviews Carousel (Trustpilot, rose accent)
3. Featured Collection "Best-sellers" (3 columns, large cards)
4. Image with Text "Our promise" (ingredients, lab photo)
5. Steps "The routine in 3 steps" (3 columns, icons)
6. Before/After (slider before/after use)
7. Reviews Grid (detailed testimonials)
8. Newsletter (-10% first order)

Key features

  • Quantity Bundles ("The 3-month cure" = best-seller)
  • Trust badges for ingredients (Organic, Vegan, Cruelty-free)
  • Before/After images on product pages
  • Social Proof Avatars ("Marie and 3,000+ fans")

Food & Beverages

Food relies on trust, ingredient quality and convenience (subscriptions, quantities).

Visual identity

SettingRecommended value
Heading fontPoppins or Work Sans
Body fontNunito or Open Sans
Main paletteOff-white bg, dark green text, green accent
Button border radius30-50 px (rounded, organic)
Button hoverScale

Homepage

1. Banner Hero (product/recipe image)
2. Category Showcase (4 categories: Tea, Coffee, Snacks, Gift Sets)
3. Featured Collection "Best-sellers" (4 columns)
4. Image with Text "Our story" (producer/farm photo)
5. Steps "From producer to your door" (4 steps)
6. Best Sellers slider
7. Reviews Carousel
8. Newsletter "Get our recipes"

Tech & Electronics

Tech relies on specifications, reliability and innovation. Design should be clean, precise and informative.

Visual identity

SettingRecommended value
Heading fontInter or DM Sans
Body fontInter
Main paletteWhite bg, dark gray text, vivid blue accent
Button border radius8 px
Button hoverDarker
Dark modeEnabled, System

Homepage

1. Banner Hero (hero shot on dark background, full mode)
2. Image Features (3-4 features of flagship product)
3. Featured Collection "New Arrivals" (4 columns)
4. Comparison Table (model comparison)
5. Reviews Carousel (Google, stars)
6. Steps "How it works" (3 steps)
7. Newsletter

Key features

  • Native dark mode
  • Comparison Table on homepage and/or product pages
  • Image Hotspot to annotate features on photos
  • Detailed tabs with technical specs

Luxury & Premium

Luxury relies on exclusivity, attention to detail and emotion. Every pixel must breathe quality.

Visual identity

SettingRecommended value
Heading fontCormorant Garamond
Body fontInter or Assistant
Heading Scale120-130% (impact)
Main palettePure white bg, black text, gold accent (#BFA265)
Button border radius0 px (clean, architectural)
Button hoverFill Slide
Button presetGhost
  • Layout: Centered or Minimal
  • Transparent: Yes, on all pages

Homepage

1. Banner Hero (full screen, minimalist image, large serif title)
2. Stacking Cards (3 cards with lifestyle images, scroll anim)
3. Statement "Excellence since 1985" (large typography, dark bg)
4. Image with Text (craftsmanship, workshop photo)
5. Gallery (lifestyle photos, filters disabled)
6. Featured Collection (2 columns, large images)
7. Timeline (brand history)
8. Reviews (Trustpilot, dark background)
💡Luxury is also about what you DON'T show. Avoid urgency elements (timers, stock), popups, and too many badges. Let the design breathe. White space is your ally.

Sport & Outdoor

Sport relies on energy, action and performance. Design should be dynamic and engaging.

Visual identity

SettingRecommended value
Heading fontMontserrat (bold, impactful)
Body fontSource Sans Pro
Heading Scale120%
Main paletteWhite bg, black text, red/orange accent
Button border radius4-8 px
Button hoverFill Slide

Home & Decor

Decor relies on inspiration, ambiance and projection ("how will it look in my home?").

Visual identity

SettingRecommended value
Heading fontLora or Work Sans
Body fontAssistant or Inter
Main paletteNatural tones (beige, taupe, sage green)
Button border radius10-20 px
Button presetClassic

Key features

  • Image Hotspot (very powerful for decor: click on an object in a scene)
  • Gallery with filters (by room, by style)
  • Before/After (before/after decoration)
  • Mix & Match Bundle ("Build your living room")

Quick recap

IndustryFontRadiusHoverDark ModeUrgency
FashionSerif + Sans0 pxFill SlideOptionalNo
BeautySerif + Rounded100 pxLighterNoLight
FoodRounded + Rounded30-50 pxScaleNoNo
TechSans + Sans8 pxDarkerYesNo
LuxurySerif + Sans0 pxFill SlideOptionalNever
SportBold Sans + Sans4-8 pxFill SlideOptionalYes
DecorSerif/Sans + Sans10-20 pxClassicNoNo
ℹ️These configurations are starting points. Your brand is unique and deserves adjustments. Use these recommendations as a base, then refine based on your identity and customer feedback.