Overview
SPRL Bio Pages give you control over the appearance of your public profile page so you can create a design that matches your personal identity, business, or brand.
You can customize the background, colors, fonts, profile image, links, buttons, shadows, and page width directly from the Bio Page builder.
Changes are reflected in the live preview while you build your page, allowing you to review the appearance before publishing.
Open the Appearance Settings
To customize your Bio Page:
- Go to My Drive → Bio Pages.
- Open the Bio Page you want to edit.
- Scroll to the Appearance section.
- Choose the settings you want to apply.
- Review the changes in the live preview.
- Save or update your Bio Page.
Background
The background controls the overall background appearance of your Bio Page.
SPRL supports two background types:
| Background Type | Description |
|---|
| Color | Uses a single solid background color. |
| Gradient | Uses two colors to create a gradient background. |
Solid Background
Select Color and choose the background color you want to use.
A light or neutral background can help keep your profile content easy to read.
Gradient Background
Select Gradient to create a background using two colors.
You can choose the gradient start and end colors to create the desired appearance.
Tip
Choose background colors that provide enough contrast with your profile name, description, and links.
Font Family
You can choose the font family used throughout your Bio Page.
SPRL supports:
- Inter
- Poppins
- Roboto
- Montserrat
- Open Sans
Choose a font that matches the style of your profile or brand while keeping the content easy to read.
Text Colors
You can customize the colors used for different types of text on your Bio Page.
| Setting | Controls |
|---|
| Title Color | The main profile name or title. |
| Heading Color | Headings and supporting heading text. |
| Bio Color | The profile bio or description text. |
Use colors that remain readable against your selected background.
Profile Image Style
You can customize the shape of your profile image.
SPRL supports the following image styles:
| Style | Description |
|---|
| Circle | Displays the profile image in a circular shape. |
| Rounded | Displays the profile image with rounded corners. |
| Square | Displays the profile image with square corners. |
Image Layout
You can also choose how the profile image is presented on the page.
| Layout | Description |
|---|
| Thumbnail | Displays the profile image as a compact profile image. |
| Full | Displays the profile image using the larger image layout. |
Link Style
Link Style controls how your Bio Page links are presented to visitors.
SPRL supports three link styles:
| Style | Description |
|---|
| Full | Displays the link with its icon and text. |
| Text | Displays the link using its text. |
| Icon | Displays the link using its icon. |
Choose the style that best matches the amount of information you want your visitors to see for each link.
Button Style
Button settings control the appearance of interactive link and information elements on your Bio Page.
SPRL supports three button styles:
| Style | Description |
|---|
| Rounded | Uses rounded corners for a softer appearance. |
| Square | Uses square corners for a sharper appearance. |
| Pill | Uses highly rounded corners for a pill-shaped appearance. |
Button Colors
You can customize the colors used for your buttons and interactive elements.
| Setting | Controls |
|---|
| Button Background | The background color of buttons. |
| Button Text Color | The color of text displayed inside buttons. |
| Button Icon Color | The color of icons displayed inside buttons. |
| Button Border Color | The color of the button border. |
Tip
Make sure your button text and icons have sufficient contrast with the button background.
Block Shadow
Block Shadow controls the shadow applied to content blocks on your Bio Page.
SPRL provides three options:
| Option | Description |
|---|
| None | No shadow is applied. |
| Soft | Applies a subtle shadow around the content. |
| Medium | Applies a more visible shadow around the content. |
Use a shadow when you want your content blocks to stand out from the page background.
Page Width
Page Width controls how wide the Bio Page content appears.
| Width | Description |
|---|
| Normal | Uses the standard Bio Page content width. |
| Wide | Provides a wider content layout. |
The best option depends on the amount of content and the overall design of your page.
Preview Your Changes
The Bio Page builder includes a live preview so you can see how your appearance settings affect the page.
When customizing your page, review:
- Profile image appearance
- Profile name and text colors
- Background contrast
- Link presentation
- Button appearance
- Content block shadows
- Overall page width
Tip
Review your Bio Page on different screen sizes when possible to make sure the content remains easy to read and navigate.
Recommended Design Practices
A good Bio Page should be visually attractive while remaining easy for visitors to use.
- Use a readable font.
- Maintain good contrast between text and the background.
- Avoid using too many different colors.
- Keep button styles consistent.
- Use a profile image that represents you or your brand.
- Keep the page focused on your most important information and links.
- Use shadows carefully so the page does not become visually cluttered.
Frequently Asked Questions
Can I change my Bio Page background?
Yes. You can use either a solid color or a gradient background.
Which fonts can I use?
SPRL currently supports Inter, Poppins, Roboto, Montserrat, and Open Sans.
Can I change my profile image shape?
Yes. You can choose Circle, Rounded, or Square image styles.
Can I change how links are displayed?
Yes. You can choose Full, Text, or Icon link styles.
Can I change the button shape?
Yes. You can choose Rounded, Square, or Pill button styles.
Can I change button colors?
Yes. You can customize the button background, text, icon, and border colors.
What is Block Shadow?
Block Shadow controls whether content blocks have no shadow, a soft shadow, or a medium shadow.
Can I make my Bio Page wider?
Yes. The Page Width setting provides Normal and Wide layout options.
Can I preview appearance changes before publishing?
Yes. The Bio Page builder provides a live preview while you customize the page.
Can I change the appearance after publishing?
Yes. You can edit your Bio Page and update its appearance after it has been published.
Learn More
Continue with the Adding Links and Info Blocks to Your Bio Page guide to learn how to organize your links and additional information.
Tip
Choose a simple, consistent visual style that makes your profile information and most important links easy for visitors to find.