Building a portfolio

The portfolio builder is where you assemble and design the pages visitors will see when they land on your portfolio. It works like a stack of blocks: pick a block type, drop it in, edit it inline on the canvas, and tweak its styling in the right sidebar. Click Publish when you're ready and the current draft goes live at your portfolio's public URL, or at your custom domain (Pro accounts).

The layout

When you open a portfolio in the builder you'll see four areas:

• Toolbar (top) — Undo / Redo, Theme & Templates, Open draft ↗, and Publish.
• Block outline (left rail) — every block on the page in order. Click to jump to it on the canvas; use the arrows to reorder. If you've turned tabs on, your tabs appear here too.
• Canvas (center) — the live page. Click any block to select it.
• Block sidebar (right) — when a block is selected, this panel shows its content fields and styling controls (padding, borders, background, mobile visibility, etc.).

Selecting a block on the canvas opens its sidebar panel automatically. Click empty space on the canvas to deselect.

Adding blocks

Click + Add Block (or use the + buttons that appear above and below the currently selected block) to open the block picker. The available block types:

• Hero — full-width opener at the top of a page (banner, split, or freeform canvas style).
• Footer — copyright, email, and social icons. One per portfolio.
• Audio — music player or external embed.
• Video — video player or external embed.
• Bio — about-section with a photo. Syncs to your profile by default.
• Credits — film and project credits list.
• Dual Block — two blocks side by side, each with its own type.
• Canvas — freeform layered composition where you place elements anywhere.
• Image — single image, optionally full-bleed.
• Divider — visible section break or invisible spacing.
• Contacts — your contact details and social links.
• Email Form — a contact form that sends submissions to your inbox.
• Text — heading, paragraph, or quote.
• Gallery — photo grid or carousel.

Some blocks (Hero, Footer) are limited to one per portfolio — they'll show as "Already added" in the picker once you have one.

Editing inline

Most text on the canvas is editable in place — click and type. Images, audio tracks, and gallery items open a media picker that lets you choose from your Library or upload something new. Anything that needs a richer editor (font weight, alignment, colour, padding, borders, mobile hide) lives in the right sidebar's panel for that block.

Undo, redo, and saving

Every edit is undoable — the toolbar's undo/redo buttons (or Cmd/Ctrl+Z and Cmd/Ctrl+Shift+Z) walk back through your changes. Each portfolio keeps its own undo history while you're working on it.

Drafts save automatically as you edit. The toolbar shows a Saved indicator after each save lands. There's no manual save button — you only need Publish when you want the draft to go live.

Tabs mode

Turning on tabs splits a portfolio into multiple pages reachable from a nav bar at the top. Use this when you want a single portfolio URL to host multiple sections — for example, Scoring, Songs, and About tabs.

A few rules to keep in mind:

• Hero and Footer are persistent — they sit across every tab. The hero you set on the first tab is the hero visitors see on every tab; same for the footer.
• Other blocks belong to the tab you placed them on — switching tabs changes the rest of the block list.
• You can rename and reorder tabs from the left rail.

You can flip tabs mode on and off from the portfolio's settings — but the structure changes slightly when you do, so it's cleanest to decide up front.

Themes and templates

The toolbar's Theme panel sets fonts, colours, and a few global presets that flow into every block. You can also save your current portfolio's design as a template (for reuse on a new portfolio) or apply one of the built-in starting templates.

Individual block style overrides (e.g. you've made one Text block bigger than the others) survive theme changes — the theme governs defaults, not specific overrides.

Preview vs publish

Two distinct buttons:

• Open draft ↗ — opens your unpublished draft in a new tab. Owner-only — only signed-in you can see this URL.
• Publish — pushes the current draft live at your-handle/your-slug. Anyone with the link can see it. Click again later to publish further edits.

Until you Publish for the first time, your portfolio has no public URL and won't appear at any shareable link. After publishing, the draft and the live page diverge — keep editing without affecting the live page, then Publish again when you're ready.

Desktop only

The builder is desktop / tablet only. On phones it shows a full-screen "Builder is desktop / tablet only" block instead of the editor. Visitors on phones still see your published portfolio fine — that's a separate, fully responsive view. Editing it just isn't designed for a phone-sized screen.