SSS Links Guide: Colors, Underlines, Hover & Accessibility
Links should look clickable even before someone moves a mouse over them. Use a readable color, a clear underline or another strong clue, and simple movement.
Loading matched recommendations...
Settings in this guide
- Profile Link Color: the normal link color.
- Profile Link Hover Color: the color used when a mouse pointer is over the link.
- Profile Link Style: No Underline, Underline, Dotted Underline, Dashed Underline, or Wavy Underline.
- Profile Link Hover Animation: None, Underline, Color Change, Grow, Shrink, Rotate, or Blur.
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 set one link style across every Room. Use a Room design when a reading area, gallery, or other Room needs a calmer or stronger link style.
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 Link Color to a readable accent.
- Choose a hover color from the same color family.
- Choose Underline or another clear style.
- Start Hover Animation with None, Underline, or Color Change.
- Check links in the bio, feed, comments, widgets, Slots, and Blogs.
- Check phone taps, keyboard outlines, and Safe View before publishing.
Make links easy for everyone
- Do not use color as the only clue that words are clickable.
- When using No Underline, use strong contrast and another clear clue.
- Keep the keyboard outline visible.
- Grow, Shrink, Rotate, and Blur can make dense text jump or become hard to read.
- A mouse hover effect does not help phone or keyboard users.
- Check links after they have been visited, when selected, and when outlined by the keyboard.
Starter link styles
Universal
Underline, Color Change, and a slightly brighter hover color.
Minimal
Underline or Dashed Underline, no movement, and strong contrast.
Cyber
Dotted or Wavy Underline with Color Change or a very small Grow effect.
Reading Room
Standard Underline, no movement, and high contrast.
Loading matched recommendations...
Links in Safe HTML Slots
- Use a full public web address that begins with https://.
- Write useful link text such as “View my art” instead of “click here.”
- Do not paste links that try to run a command.
- When a link opens a new tab, make the destination clear.
- Check the link against the Room background and card colors.
- When a Slot link looks different, remove its custom color or adjust it in Code.
Common fixes
Links blend into the words
Increase contrast and use an underline.
Hover feels harsh
Choose a closer color or set movement to None.
Words move around on hover
Replace Grow, Shrink, or Rotate with Color Change or Underline.
Links look inconsistent
Use the same accent family as buttons and active navigation.
Slot links ignore the main style
Remove custom colors inside the Slot or adjust that Slot in Code.
Wrong Room changed
Check the selected Room and publish destination.
FAQs
Which style should I start with?
Underline with Color Change.
Can No Underline still be easy to use?
Yes, but only when color contrast and another visible clue make the link obvious.
Why should Rotate and Blur be used carefully?
They can make text harder to read and create distracting movement.
Can Rooms use different link colors?
Yes, when those settings are available for the selected Room.
Why does a Slot link look different?
The Slot may contain its own color or CSS.
What should I check besides hover?
Keyboard outlines, phone taps, paragraphs, and Safe View.
Should links look exactly like buttons?
They can share an accent color, but links should still look different from buttons.
What is the quickest safe reset?
Set Hover Animation to None and Link Style to Underline, then recheck contrast.
Loading matched recommendations...
