SSS Widgets Guide: Cards, Side Panels, Spacing & Glass
Widgets are the smaller cards and side panels around the profile. Widget settings change how they look. Layout changes where prepared sections appear.
Loading matched recommendations...
Settings in this guide
- Widget Background Color: the card color.
- Widget Background Opacity: how see-through the card is.
- Widget Blur Strength: how much the background behind the card is softened.
- Widget Border Radius: how rounded the corners are.
- Widget Shadow Strength: depth or glow under the card.
- Widget Inner Padding: room around the content.
- Widget Title Color: the heading color.
- Widget Border Style and Color: the line around the card.
This picture shows the older Classic Backup view. The setting names can still help you find the same choices in Studio Editor.
Whole Home and Room designs
Whole Home can give every Room matching widgets. Use a Room design when one Room needs different transparency, spacing, borders, or titles.
Whole Home
Use it for the shared look that Rooms follow unless you give a Room its own design.
One Room
Use it when only one part of your Digital Home needs a different look.
Private Draft
Studio keeps your changes private until you publish them.
Classic Backup
Classic Backup changes the public Whole Home as soon as saving finishes.
Recommended order
- Set Widget Background Color.
- Raise or lower Opacity until the words stay easy to read.
- Add Blur only when it helps.
- Increase Inner Padding when content feels crowded.
- Choose rounded corners and borders that match the rest of the page.
- Add a gentle Shadow.
- Set Title Color and test long titles.
- Preview desktop, phone, Safe View, and the correct Room.
Widget look vs. Layout
Use Widget settings for
Background, opacity, blur, corners, shadow, padding, title color, and borders.
Use Layout for
Section order, placement areas, and whether an optional section is shown.
The glass-card balance
Background color
Choose a card color that works with the Room background.
Opacity
Start around 70–85% for glass. Raise it when words are hard to read.
Blur
Start around 8–12px only when the background needs softening.
Result
Low opacity, strong blur, and a busy picture often create fog instead of clear glass.
Starter widget styles
Modern glass
75–85% opacity, 8–12px blur, 12px rounded corners, 16px padding, and Low or Medium shadow.
Clean cards
100% opacity, no blur, 8–12px rounded corners, 16–20px padding, and little shadow.
Loading matched recommendations...
Retro panels
100% opacity, no blur, square or slightly rounded corners, and a clearer border.
Reading Room
90–100% opacity, no blur or 4px, 16–20px padding, and a Soft shadow.
Speed and phone use
- Blur can use more device power than a solid card.
- Use less blur in Rooms with heavy effects.
- Strong shadows and see-through layers can look muddy on a phone.
- Check stacked widgets, long titles, music players, and Screen Stickers together.
Common fixes
Widgets look muddy
Lower Blur, raise Opacity, and check the background again.
Widgets blend into the page
Add a soft border or Low shadow.
Title is hard to read
Change Widget Title Color first.
Content feels crowded
Increase Widget Inner Padding.
Phone view feels heavy
Reduce Blur and Shadow.
Widget is in the wrong place
Use Layout, not appearance settings.
Wrong Room changed
Check the selected Room and publish destination.
Preview differs from live
The Room or Whole Home may still have a Private Draft.
FAQs
What should I set first?
Background Color, Opacity, and Blur.
What fixes crowded widgets fastest?
Increase Inner Padding.
Can Rooms use different widget styles?
Yes, when those settings are available for the selected Room.
When should I use Layout?
For section order, placement, and visibility.
How much blur should I use?
As little as needed. 8–12px is a reasonable glass starting point.
Why do glass widgets look foggy?
Opacity is too low, Blur is too high, or the background is too busy.
What is the safest phone style?
Higher opacity, low blur, medium padding, and a gentle shadow.
What is the quickest safe reset?
Raise opacity, set Blur to None, and use a simple border.
Loading matched recommendations...
