SSS Typography Guide: Fonts, Text Size, Weight & Spacing
Typography is the way your words look. Choose a font, size, weight, capitalization style, and spacing that make the Digital Home comfortable to read.
Loading matched recommendations...
Settings in this guide
- Profile Font Family: the main font.
- Profile Font Size: Small (12px), Medium (14px), Large (16px), or X-Large (18px).
- Profile Font Weight: Normal, Bold, or Light.
- Profile Text Transform: None, Uppercase, Lowercase, or Capitalize.
- Profile Spacing: 5px, 10px, 15px, 20px, or 30px.
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 readable text style. Use a Room design when Blogs, Photos, or another Room needs different text size or spacing.
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 a readable Font Family.
- Start at Medium. Use Large for reading-heavy or phone-sensitive designs.
- Keep Weight at Normal unless the font looks too thin.
- Keep Text Transform at None for paragraphs.
- Increase Spacing when cards and sections feel crowded.
- Check headings, paragraphs, dates, buttons, navigation, forms, and Slots.
Simple reading rules
- 12px is usually too small for long paragraphs.
- Uppercase works better for short labels than for body text.
- Light letters can disappear over a busy or see-through background.
- Bold everywhere removes the difference between headings and normal text.
- More spacing can help, but too much can make a phone page very long.
- Use unusual fonts for accents, not every paragraph.
Starter text styles
Clean modern
A readable sans-serif, 14–16px, Normal, None, and 10–15px spacing.
Bold headings
Readable font, Medium or Large, Bold only for important text, and 15–20px spacing.
Reading Room
Large, Normal, None, 15–20px spacing, and very little motion.
Retro labels
Readable main font, Medium, and Uppercase only for short tabs or widget titles.
Loading matched recommendations...
Check real content
- Test long display names, hashtags, links, and two-line headings.
- Make sure the font includes every character and language you use.
- Check writing boxes separately from normal profile text.
- Remove custom Slot fonts when they clash with the main design.
- Check word wrapping on a phone.
Common fixes
The profile feels cramped
Increase Spacing and possibly Font Size one step.
Phone text is hard to read
Use Large and Normal.
Everything looks like shouting
Turn off Uppercase and use less Bold.
The font looks too thin
Use Normal or Bold and strengthen contrast.
Some characters look wrong
Choose a font that includes more languages and symbols.
Wrong Room changed
Check the selected Room and publish destination.
FAQs
Which size should I start with?
Medium or Large.
Should paragraphs be uppercase?
No. Save uppercase for short labels.
Can Rooms use different text styles?
Yes, when those settings are available for the selected Room.
What does Profile Spacing change?
It changes the room around supported cards and sections.
Why does Light weight disappear?
Thin letters are hard to see over low contrast, transparency, or a busy background.
Should I use an unusual font everywhere?
Usually not. Keep long text easy to read.
What should I check on a phone?
Wrapping, headings, buttons, tabs, dates, and writing boxes.
What is the quickest safe reset?
Use a readable font, Large, Normal, None, and 15px spacing.
Loading matched recommendations...
