Links and icons

Link button style, height, radius, hover effects, and icon-only links.

Where: Your look → Fine tune → Links & buttons

A link with a title is a button. A link without a title is an icon; icons next to each other in your list are grouped into a row.

Style

Glass, Solid, Outline, Soft, Brutal

Default: Glass

Glass: like your card. Solid: filled with your Accent, dark text. Outline: transparent with an Accent outline. Soft: a light Accent tint. Brutal: a hard offset shadow in your Accent that presses in on hover. After Dark, Bento and Panel use these colors but keep their own link shape.

Works on: Identity, Spotlight · partly After Dark, Bento, Panel

Hover effect

Lift, Glow, Scale, Slide, None

Default: Lift

Lift and Glow use the link’s brand color (Discord blue, Spotify green…) or your Accent.

Works on: Identity, After Dark, Spotlight, Bento, Panel

Height

40–96px

Default: 60px

Height of titled links. On Identity and Spotlight it also sizes boxed icon links.

Works on: Identity, Spotlight

Radius

0–48px

Default: 18px

Rounding of link buttons on Identity. It also rounds embed cards (Discord, Roblox, Telegram, wallets, Spotify, YouTube) on most layouts. Spotlight links are always pill-shaped.

Works on: Identity

Icon style

Boxed, Glowing

Default: Boxed

For icon-only links. Glowing draws bare icons with a soft glow instead of buttons.

Works on: Identity, After Dark, Spotlight, Panel

Icon glow

0–100%

Default: 60%

Only appears with Glowing icons.

Works on: Identity, After Dark, Spotlight, Panel

Icon link size

16–96px

Default: 28px

Size of icon-only links. After Dark and Panel always use it; Identity and Spotlight only with Glowing icons (Boxed icons follow Height there).

Works on: After Dark, Panel · partly Identity, Spotlight

Each link’s own icon, icon color and custom icon image are set on the link itself in Your info → Your links. See Links.

Related

Links

Adding, ordering, hiding and scheduling links, icons and custom icon images.

Cards and surfaces

Glass, Solid, Outline and Floating cards, opacity, blur, corners, borders and shadows, and how they interact.

Compatibility table

Every design setting against all nine layouts: works, partly works, or isn’t used.

Still stuck?Ask in our Discord