SSS Borders Guide: Lines, Thickness, Color & Rounded Corners
Borders create clean edges around cards, boxes, and some navigation areas. Use them to organize the page, not to outline everything.
Loading matched recommendations...
Settings in this guide
- Profile Border Style: None, Solid, Dashed, Dotted, Double, Groove, or Ridge.
- Profile Box Border Size: None, 1px, 2px, 3px, or 5px.
- Profile Box Border Color: the line color.
- Profile Box Border Radius: None, Small (4px), Medium (8px), Large (12px), or Round (50%).
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 one matching border style. Use a Room design when a gallery, reading area, or special Room needs different framing.
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
- Choose Border Style. Solid is the easiest starting choice.
- Set Size. Start with 1px.
- Choose a color that can be seen without overpowering the card.
- Set Radius to choose square or rounded corners.
- Check Widgets, Activity, Buttons, Navigation, and Slots.
- Preview desktop and phone before publishing.
Starter border styles
Modern
Solid, 1px, Medium or Large rounded corners, and a soft neutral line.
Sharp panel
Solid or Dashed, 1–2px, square or slightly rounded corners.
Soft cards
Solid, 1px, Large rounded corners, and low contrast.
Retro panel
Double or Solid, 2px, Small rounded corners, and classic light/dark edges.
Loading matched recommendations...
Keep the shape consistent
- Choose one main corner style for cards, buttons, navigation, and boxes.
- Use Round (50%) only for shapes that should truly look circular or pill-shaped.
- Do not mix every border style unless a deliberately chaotic look is your goal.
- Let the border support the accent colors instead of fighting with text and buttons.
Phone tips
- Thick borders take away space on small screens.
- Very bright outlines can make a busy phone layout feel cramped.
- Large rounded corners can squeeze content in tiny boxes.
- Check stacked cards, long text, and navigation after changing global borders.
Common fixes
Everything looks heavy
Drop to 1px and soften the border color.
The page looks inconsistent
Choose one border style and one corner style.
Navigation changed too
Global border choices can also affect parts of profile navigation. Adjust Navigation afterward.
Phone view feels crowded
Use thinner, softer borders and smaller rounded corners.
Wrong Room changed
Check the selected Room and publish destination.
Preview differs from live
The design may still be a Private Draft.
FAQs
Which border style should I start with?
Solid is the safest choice.
What thickness is usually enough?
1px gives separation without making the page feel heavy.
Can Rooms use different borders?
Yes, when those settings are available for the selected Room.
Why did navigation change too?
Some global border settings also affect parts of navigation.
When should I use Round?
For circles or pill shapes, not every rectangle.
Does None remove rounded corners too?
No. Border style, border size, and corner shape are separate settings.
What is the quickest safe reset?
Solid, 1px, a soft color, and Medium rounded corners.
How do I undo one mistake?
Change the last border setting back instead of resetting the whole Room.
Loading matched recommendations...
