The card
Your avatar, name, bio and links sit in one card over your background. Dashboard → Design → Card → Profile Card shapes it.
Layout
Dashboard → Design → Card opens with Profile Layout: four compositions. Every one keeps all your content; they differ in where it goes.
- Stack: Your picture above your name, everything centered, links in two columns. The default.
- Split: You in a narrow column, your links in a wide one beside it. Built for long lists.
- Cover: A tall banner with your picture set into it, and your name beside the picture.
- Bare: No panel at all: just you over your background, links in two columns.
Split is the one for a long list: from about seven links it runs two columns beside your column, and the views and UID line sits at the bottom of your column, level with the end of the list. On a phone every layout is one column, and Split stacks: you first, then the links.
Alignment
Three controls under the picker. Name, bio & details moves your name, handle, bio, badges, social icons and views as one group. Picture side (Cover) or Your column (Split) chooses the side. Links aligns the text inside each link row. Anything on Auto follows the layout, and once you have chosen, Auto is a button away.
Card shape
Four outlines, shown as swatches:
- Rounded: a normal corner radius
- Squircle: a larger, softer radius
- Pill: fully rounded ends
- Terminal: square, with a title bar across the top
There used to be thirteen. The nine that went all clipped their own contents: a hexagon or a blob cuts the corner off whatever sits near the edge. These four frame the card without cutting into it.
Avatar shape
Round or Square. Square adds a corner-radius slider: 0% is a sharp square, 50% is a circle. On Round the slider is hidden, because there is nothing for it to change.
Borders
A color and a width from 0 to 12 pixels, applied to the avatar's ring. Set the width to 0 for no border.
Opacity and blur (Premium)
- Opacity, 0 to 100%
- Blur, 0 to 20px
The 3D tilted card (Premium)
Design → Card has a 3D Tilt switch. The card leans toward the pointer as it moves, which reads as depth on desktop and does nothing on a phone.
Link styling
The Display and colors section, in the same tab, handles the rows themselves:
- Display Mode: Full (text and icons) or Icons Only
- Link text color and link border color
- Border width, 0 to 8px
- Border radius, 0 to 50px: 0 is a square button, 50 is a pill
- Icon size: Premium, and another unlocked control that reverts to the default on a free account