Skip to content

Appearance

Card style, width, banner and the hover effects that give your profile card depth.

2 min readLast updated 2026-07-30

Customize → Appearance controls the container everything else sits in: the card itself, how wide it is, and how it reacts to the cursor.

The Appearance card with the Card Opacity, Card Blur, Background Blur and Background brightness sliders
Four sliders, each with its scale printed underneath so you can see where the handle sits.
  • Card Opacityhow transparent the card is — 20% to 80% on the printed scale
  • Card Blurthe frosted-glass blur of the card itself, 16px to 64px
  • Background Blurblurs what sits behind the card, 6px to 24px
  • Background brightnessdims or lifts the background, 40% to 100%

Card width

Sets how much horizontal space the card takes. Narrow cards read like a classic link-in-bio; wide cards suit profiles with widgets and embeds, where content needs room.

Card banner

The image strip at the top of the card. Wide, low-detail images work best — busy banners fight with your avatar and name.

Card effects

Hover behaviour for the whole card:

EffectWhat it does
NoneNo card effect
3D TiltThe card tilts towards the cursor
Hover DepthSmooth layered depth that shifts with the cursor
GlareA light sweep across the card on hover

Only one card effect is active at a time. On touch devices, hover effects are mostly invisible — do not build your design around one.

Card border effect

An animated or static treatment of the card outline. Combined with a matching accent colour it is the cheapest way to make a profile look deliberate rather than default.

Restraint reads as quality

Card effect + border effect + background effect + cursor effect all at once looks noisy. Pick one focal effect and let the rest stay quiet.

Preview before you save

The dashboard preview updates as you change values, but hover-based effects are easiest to judge on the real page — save, then open View Profile. To experiment without touching your live profile, use the Playground.

© 2026 flexbio.link. All rights reserved.