> ## Documentation Index
> Fetch the complete documentation index at: https://help.yasu.lol/llms.txt
> Use this file to discover all available pages before exploring further.

# Choosing a profile layout and font

> Pick from three profile layouts — Default, Discord, and Minimal — and select a Google Font to style all text on your biolink page.

The **Layout** tab in **Dashboard → Customize** controls two things: the overall structure of your biolink page and the typeface used across it. Both settings take effect immediately in the live preview available on other tabs.

## Profile layouts

Three layouts are available. Click a layout card to switch — a violet highlight confirms your selection.

<Tabs>
  <Tab title="Default">
    The classic Yasutsu look. Your card is centered on the page with your avatar at the top, followed by your display name, username, location, occupation, bio, and social icons below.

    This layout works well for general use and is the most widely recognized biolink format.
  </Tab>

  <Tab title="Discord">
    A Discord-inspired card design. It features a banner image at the top of the card, an overlapping circular avatar, your display name and username, a horizontal tab bar beneath the identity row, and your social icons.

    Choose this layout if your audience knows you primarily through Discord or if you want a profile that feels familiar to that community.
  </Tab>

  <Tab title="Minimal">
    A left-aligned page layout. Your display name appears in large text on the left, with your bio and username below it, and your avatar alongside in a profile row. The audio player card sits in a separate block.

    This layout suits a cleaner, more editorial look where your name takes center stage.
  </Tab>
</Tabs>

<Tip>
  Switching layouts resets the card **Width**, **Height**, and **Size** sliders in the Profile tab back to their defaults. Set your card size after choosing a layout, not before.
</Tip>

## Fonts

The **Fonts** section lets you apply any Google Font to all text on your biolink page. A search box at the top filters the list as you type.

<Steps>
  <Step title="Open the font picker">
    Go to **Dashboard → Customize → Layout**. Scroll to the **Fonts** section.
  </Step>

  <Step title="Search or browse">
    Type a font name in the search box to filter the list. Each option is rendered in its own typeface so you can preview it inline before selecting.
  </Step>

  <Step title="Select a font">
    Click a font name to apply it. The selected entry highlights in violet and a confirmation line below the list shows your current selection.
  </Step>

  <Step title="Reset to default">
    Click **Default** at the top of the list to remove your custom font and return to the built-in typeface.
  </Step>
</Steps>

Available fonts include Inter, Roboto, Open Sans, Montserrat, Poppins, Raleway, Nunito, Playfair Display, Merriweather, Crimson Text, EB Garamond, Source Code Pro, JetBrains Mono, Fira Code, VT323, Press Start 2P, Silkscreen, Orbitron, Bebas Neue, Cinzel, Pacifico, Dancing Script, Space Grotesk, DM Sans, Outfit, and more.

<Note>
  The font you select applies to every text element on your public biolink page. Display name, bio, location, social labels, and so on. Individual text colors are set in the **Color** tab.
</Note>
