Profile Card Styling

Your avatar, name, bio and links sit in one card over your background. Profile → Card shapes it: Look sets what it is made of and Layout arranges it. How it arrives and how it answers the pointer is Card motion, under Profile → Effects. Your picture is under Profile → You. The card's look and its entrance have their own article: Card Looks and Entrance.

Layout, under Dashboard → Profile → Card, holds six compositions, three of them Premium. The arrows and dots move through them, and Use under the one shown makes it yours. Every one keeps all your content; they differ in where it goes. On the free plan a page with a Premium layout stored shows Mono, and the choice is kept for when the account is Premium again.

• Mono: One centered card: your picture above your name, your links in two columns. The default.
• Stereo: You in a column beside your links, on the left or the right. On a phone your picture sits beside your name.
• Cover: Like an album cover: your banner or picture big across the top of the card, your name large over its lower edge.
• Crest: Your picture breaks out over the card's top edge, everything centered, on a framed card. Premium.
• Portrait: A tall portrait picture beside your name and bio, on the left or the right, with your badges in the corner. Premium.
• Bento: Your widgets, Discord cards and song as a grid of wide and square tiles beside your card, two to a row on a phone. Premium.

Stereo is the one for a long list: from about seven links it runs them in two columns beside your column, and the views and UID line sits at the bottom of your column. Link columns, under Links on the same tab, can hold every link to one column instead. Every layout keeps its own shape on a phone: Stereo turns into a slim header with your picture beside your name, Portrait keeps its picture beside your name, Cover fills the top of the screen with its picture, and Bento sets its tiles two to a row under the card.

Your Discord cards, card widgets and music player each have Where it shows: Inside the card, with the card's other tiles, or Outside the card, as a tile of its own in a grid under the card, in the card's look. Bento puts every one of them in its grid of tiles beside the card instead, whatever you chose. A card widget also has a Size: Auto keeps its own width, Half sits two to a row (and stays half even alone in its row), Full width takes the whole row.

Under the layouts, Name, bio and details moves your name, handle, bio, badges, social icons and views as one group. Link icons, Bio, Name, Details and Badges each move one part on its own: Name is your name and handle, Details your location, languages and joined date. Your column (Stereo) or Picture side (Portrait) chooses the side; the other layouts keep a side of their own. Text alignment, under Links, aligns the text inside each link row. Anything on Auto follows the layout, and says what that means for the layout you have; once you have chosen, Auto is a button away.

Which line the badges sit on is its own choice, Where badges sit, further down the same tab and under Placement on the Badges screen: Beside your name, Under your name, Under your handle, Bottom of the card, or Top corner, which puts them in the card's top corner on the side away from your picture. Choosing Portrait picks Top corner, the place its look is drawn around, and you can still pick another.

The card's corners are part of its look: Corners, under Look on Profile → Card, runs from square to fully round, and every panel under the card follows it. Card Looks and Entrance covers the rest of a look.

In Picture under Profile → You. Shape is 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.

In the same card, Ring width, from 0 to 12 pixels, sets the ring around your avatar; its color is Ring color, beside it. Set the width to 0 for no border. Both are free.

• Opacity, 0 to 100%
• Blur, 0 to 20px

Card effect, under Motion on Profile → Card, sets how the card answers the pointer: Tilt, Tilt pop, Float, Hover zoom, Pulse, Skew, Magnetic, Swing, Glide or Orbit.

Tilt is one of its choices. The card leans toward the pointer as it moves, which reads as depth on desktop and does nothing on a phone. The picker plays each of the others as you point at it.

The rows themselves are styled under Links → Look: display mode, link colors, border width and radius, icon size, the link font and link glow. Styling Your Links covers them, including how to make one link look different from the rest.