Oops! Facing network problem. Unable to load this page. Refresh
SPRL

Just a moment...

Hello Guest

logo

FAQs

Help Center

Bio Pages

How to Customize Your SPRL Bio Page

Learn how to customize your SPRL Bio Page with backgrounds, colors, fonts, profile image styles, links, buttons, shadows, and page width.

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:

  1. Go to My Drive → Bio Pages.
  2. Open the Bio Page you want to edit.
  3. Scroll to the Appearance section.
  4. Choose the settings you want to apply.
  5. Review the changes in the live preview.
  6. Save or update your Bio Page.

Background

The background controls the overall background appearance of your Bio Page.

SPRL supports two background types:

Background TypeDescription
ColorUses a single solid background color.
GradientUses 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.

SettingControls
Title ColorThe main profile name or title.
Heading ColorHeadings and supporting heading text.
Bio ColorThe 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:

StyleDescription
CircleDisplays the profile image in a circular shape.
RoundedDisplays the profile image with rounded corners.
SquareDisplays the profile image with square corners.

Image Layout

You can also choose how the profile image is presented on the page.

LayoutDescription
ThumbnailDisplays the profile image as a compact profile image.
FullDisplays 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:

StyleDescription
FullDisplays the link with its icon and text.
TextDisplays the link using its text.
IconDisplays 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:

StyleDescription
RoundedUses rounded corners for a softer appearance.
SquareUses square corners for a sharper appearance.
PillUses highly rounded corners for a pill-shaped appearance.

Button Colors

You can customize the colors used for your buttons and interactive elements.

SettingControls
Button BackgroundThe background color of buttons.
Button Text ColorThe color of text displayed inside buttons.
Button Icon ColorThe color of icons displayed inside buttons.
Button Border ColorThe 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:

OptionDescription
NoneNo shadow is applied.
SoftApplies a subtle shadow around the content.
MediumApplies 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.

WidthDescription
NormalUses the standard Bio Page content width.
WideProvides 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.

Need more help?

Our support team is always happy to assist you.

×

We use cookies to improve your experience, analyse traffic, and personalise content. By clicking “Accept”, you consent to the use of cookies as described in our Cookie Policy .

Accept cookies Read our Cookie Policy