SSS Activity Guide: Feed Cards, Text, Spacing & Readability
Activity settings control the look of posts in the feed. Make the words easy to read before adding transparency, glow, or heavy effects.
Loading matched recommendations...
Settings in this guide
- Activity Item Background Color: the main post background.
- Activity Card Opacity: 100% is solid; lower numbers are more see-through.
- Activity Card Radius: how rounded the card corners are.
- Activity Border Size, Style, and Color: the line around each activity card.
- Activity Text Color and Size: the main post text.
- Activity Line Height: spacing between lines.
- Activity Meta Color: names, dates, times, and other smaller details.
- Post Card Background, Radius, Shadow, and Padding: the inner post card and its spacing.
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 feed the same readable style. Use a Timeline Room design only when you want the Timeline to feel different.
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 the Activity Item and Post Card backgrounds.
- Choose readable Text and Activity Meta colors.
- Start with 14px or 15px text and about 1.5 line height.
- Choose rounded corners and a simple border.
- Add a Soft shadow only if the cards need separation.
- Set padding so posts do not feel cramped.
- Lower opacity last, and only while the words remain easy to read.
- Preview long names, comments, reactions, and phone view before publishing.
Keep posts easy to read
- Use 14–16px text for most feeds.
- Keep dates and names quieter than the main post, but still readable.
- See-through cards need stronger text and background contrast.
- Do not let Neon shadows or effects cover post text or buttons.
- Check comments, timestamps, links, reactions, and long posts.
Starter styles
Clean feed
14–15px text, 1.5 line height, 1px Solid border, Soft shadow, and 12–16px padding.
Glass feed
70–80% opacity, a subtle border, 12–16px rounded corners, and readable text.
High contrast
90–100% opacity, 15–16px text, 1.6 line height, and 16–20px padding.
Timeline energy
Moderate contrast, rounded cards, a Soft shadow, and one clear reaction color.
Phone checks
- Make sure long usernames and dates wrap instead of being cut off.
- Check action menus, reactions, and replies with a narrow screen.
- Use enough padding without squeezing the text into a tiny column.
- Reduce heavy borders, shadows, or effects when the feed feels crowded.
Common fixes
Feed looks flat
Add a subtle border or a Soft shadow.
Loading matched recommendations...
Feed feels cramped
Increase line height and padding.
Feed feels noisy
Reduce border thickness, shadow, and extra accent colors.
Dates and names are too bright
Choose a quieter Activity Meta Color that is still readable.
Reaction buttons blend in
Adjust Activity Feed Button Hover Color.
Cards are hard to read over the background
Raise opacity or strengthen the text and card colors.
Wrong Room changed
Check the selected Room and publish destination.
Preview differs from live
The design may still be a Private Draft.
FAQs
What should I set first?
Card backgrounds, then the main text and smaller details.
Which text size should I start with?
14px or 15px is a good starting point.
Can Timeline have a different feed style?
Yes, when those settings are available for the Timeline Room.
Why are there several rounded-corner settings?
The outside activity card and the inside post card can have different shapes.
How low should opacity go?
Only as low as the words remain easy to read over the real background.
Why do reaction buttons use another color?
They use Activity Feed Button Hover Color.
What should I check on a phone?
Long names, replies, menus, padding, and tap buttons.
What is the quickest safe reset?
Use 90–100% opacity, readable text, a 1px Solid border, a Soft shadow, and 16px padding.
Loading matched recommendations...
