orivan
Help CenterAppearance
Back to Help Center

Using the Appearance Builder

Appearance
6 min read
Summary: Customize your background, buttons, fonts, and avatar shape with live preview.

Appearance Builder

Go to Dashboard → Appearance to open the builder. Every change saves automatically and updates the live phone preview on the right.

Two modes

Curated — pick from 50+ pre-designed templates. Click any thumbnail to apply it instantly.

Customizable — build your own design. Switch to this tab to unlock all the controls below.

Background

Choose how your page background looks:

Solid — a single flat color. Pick from presets or enter a hex code.
Gradient — a two-color gradient. Pick from 10 presets or set your own colors and angle. (Pro)
Mesh — a blurred multi-color gradient for a modern look. (Pro)
Pattern — a dot-grid pattern over your chosen color. (Pro)
Image — upload your own background image with an overlay opacity slider. (Pro)
Video — upload an MP4 or WebM background video. (Pro)

Buttons

Shape — choose from Square, Soft, Rounded, or Pill corner styles. Rounded and Pill require Pro.

Fill style — Filled (solid color), Outline (transparent with border), or Ghost (semi-transparent). Ghost requires Pro.

Button color — pick from presets or use the color picker. The live button preview updates instantly.

Profile style

Avatar shape — Circle (default), Squircle, or Square. Squircle and Square require Pro.

Text align — Left, Center, or Right alignment for your name and bio.

Typography

Choose from 6 fonts: DM Sans, Inter, Syne, Playfair Display, Space Grotesk, Roboto Mono. Requires Pro.

Hide Orivan footer

Toggle "Hide Orivan footer" to remove the "Built with Orivan" branding from your page. Requires Pro.

Mobile preview

On mobile, use the Edit / Preview tabs at the top to switch between the controls and the phone preview.

Was this article helpful?