Your Pages

Build your public profile, resume, and links page. Style it your way.

What are Pages?

Pages are three independently togglable public views of your BoxOwl data. Each page has its own URL that you can share anywhere. You control exactly what appears on each one.

The Three Pages

Profile

Your public identity card. Shows name, photo, location, and any other identity fields you choose to make public.

URL: boxowl.me/u/yourhandle

Requires first and last name in your vault.

Resume

Your public work profile. Shows work history, education, skills, and credentials you've added to your vault.

URL: boxowl.me/u/yourhandle/resume

Requires at least one work or education entry.

Links

Your personal links page. Curate and share links — social profiles, portfolio, blog, anything you want to point people to.

URL: boxowl.me/u/yourhandle/links

Requires at least one personal link saved in your vault.

Enabling and Disabling

In the BoxOwl app, open Perch and look for the "Your Public Identity" section. Each view shows its current state:

You can also manage your Pages from Settings → Privacy → Public Views. Each view toggle independently controls whether that page is publicly accessible.

When a page is disabled, visiting its URL returns a 404 — not a 403 — to prevent people from detecting whether you have a BoxOwl account.

Styling Your Pages

Like MySpace in 2004, your Pages are yours to style. Customize the look of your Profile, Resume, and Links pages from Settings → Privacy → Page Styling. Changes apply to all three pages and sync across your devices.

Background

Set a solid color or an image URL. Images are centered, cropped to fit, and overlaid with a subtle dark tint so your text stays readable.

/* Solid color */
background: #1a1a2e;

/* Image URL — replace with your photo or pattern */
background: url('https://example.com/my-banner.jpg');
background-size: cover;
background-position: center;

Accent Color

Your accent color controls links, badges, highlights, and interactive elements across all three pages. Pick a color that contrasts well with both your background and your text.

/* Accent color — replace with your brand color */
--accent: #00d4ff;
color: var(--accent);           /* links */
border-color: var(--accent);     /* badges, card borders */
background: var(--accent);      /* buttons */

Font Choice

Choose from six curated font pairings. The first font is used for headings, the second for body text.

Modern

Aa Bb Cc Dd Ee

DM Sans + DM Sans — clean and minimal

Elegant

Aa Bb Cc Dd Ee

Playfair Display + Source Serif 4

Retro

Aa Bb Cc Dd Ee

Space Mono + IBM Plex Mono

Bold

Aa Bb Cc Dd Ee

Fraunces + Nunito

Strong

Aa Bb Cc Dd Ee

Oswald + Roboto Slab

Handwritten

Aa Bb Cc Dd Ee

Caveat + Lora

Profile Layout

Choose how your Profile page is structured:

Centered

Avatar and name centered. Identity fields below in a clean single column. Works like a classic social card.

text-align: center;
flex-direction: column;
align-items: center;

Left-Anchored

Avatar on the left, name and fields on the right in a two-column row. More information density.

flex-direction: row;
text-align: left;
gap: 1.5rem;

Card-Based

Each identity field is a distinct card with its own border and background. Maximum separation.

display: flex;
flex-direction: column;
gap: 0.75rem;
.card { border-radius: 8px;
  border: 1px solid var(--accent); }

Link Style

Control how your links appear on your Links page:

Clean Text

Underlined link text. Minimal, fast, accessible.

text-decoration: underline;
color: var(--accent);
font-weight: 500;

Button

Full-width rounded buttons with your accent color background.

display: block;
width: 100%;
padding: 0.75rem 1rem;
border-radius: 8px;
background: var(--accent);
color: #000;

Icon + Text

Platform icon on the left, link label on the right in a horizontal row.

display: flex;
align-items: center;
gap: 0.75rem;
.icon { width: 20px; height: 20px; }

Before & After

Default

Gray background, generic font, plain text links.

Customized

Alex Rivera
Software Engineer
GitHub →
Portfolio →
Twitter →

Dark bg + image, Playfair Display font, cyan accent, button links.

Use the live preview in Settings to try combinations before saving. Changes apply immediately to your public pages.

Sharing

Every Page has its own URL. From the app, tap any Page card and use:

Anyone with the URL can view your Page — no BoxOwl account required on the viewer's side.

Privacy Model

Pages are entirely opt-in and independent. Enabling your Profile doesn't automatically enable your Resume or Links. Each piece of data in your vault has its own visibility setting — you can share your email without sharing your phone number, for example.

Pages data is read-only and publicly accessible by design. BoxOwl does not endorse or guarantee the accuracy of any public Page content. You are responsible for what you choose to make public.

What Gets Exposed

Each Page shows only the vault data you have explicitly enabled for public visibility in your account settings. No password, no payment info, no vault fields you haven't enabled are ever exposed.

For the full data exposure rules per page, see the API reference.

← Back to Docs