Design, blocks, and templates

A template is a starting layout and palette, not a costume: everything it sets can be overridden per link, and changing a workspace default never restyles a page you already published. Blocks are the page’s contents — destinations, email signup, tour dates, video, merch, lyrics, rewards — stacked in the order you choose.

1. 1

   Pick a starting template

   Open Templates. Every preview is a live render of the actual page component, not a stored screenshot that drifted. Set a workspace default (affects new links only), duplicate a template, or copy a system template into the workspace. System templates cannot be edited in place, only copied. On the Label plan, a workspace template can be shared to your other workspaces.

   Workspace templates are editable: Edit changes the name, colours, buttons, and layout, and each design change bumps the template’s version and restyles every link still following it — published pages included — except values a link overrode in its own editor, which always win. Deleting is refused while a template is the workspace default or any link uses it, and the refusal tells you how many links to move first.

2. 2

   Arrange the blocks

   In the editor’s Blocks section, add, remove, reorder (explicit up/down controls — they work with a keyboard), and toggle blocks. Each type has its own configuration: tour dates get venues and ticket links per row, video takes a YouTube URL, the reward block locks a download or code behind an email or access code.

   The photo gallery holds up to twelve images in two or three columns — three step down to two on small screens — each with optional alt text, added by upload or from the media library with Choose from library. An image block takes an upload or a URL, and its alt text is required: the image does not render without a description for the people who cannot see it. A music embed block turns a Spotify, YouTube, SoundCloud, or Apple Music share link into that service’s playable player, loaded lazily; any other URL renders as a plain link out rather than disappearing. Block contents save with their own Save block button; everything else in the editor autosaves.

3. 3

   Adjust the design

   The Page design tab sets palette, button style and radius, artwork shape and size, alignment, density, and typefaces — Inter Tight or Inter for headings and body, overriding the workspace default for this page only. Background treatments run from none to a fine grid, your own artwork blurred behind a tinted overlay, or an accent gradient wash; the Derived from artwork colour mode takes the background from the cover’s dominant colour, computed when you upload it, and derives readable text from it.

   Buttons have four styles — solid, gradient, outline, soft — plus a shadow, a CSS-only hover lift, and a colour choice: the page accent everywhere, or each service’s official brand colour per button (Spotify green, and so on), with readable text derived per colour so contrast never breaks. The same tokens style the custom call-to-action button. There is deliberately no custom HTML, CSS, or script anywhere on a page: every option is a controlled setting, which is what keeps every artist’s page — and every fan — safe on a shared domain.

   The live preview beside the editor is rendered by the same component fans see, with your real branding and template applied. The contrast readout is live too: publishing is blocked below 3:1, and the editor tells you so while you are choosing rather than at the publish button. The public page also self-corrects derived colours to stay readable on any palette you pick.

   The same Design section carries the Page behaviour controls, which decide what the live page does at its edges: whether destinations that have not resolved a URL yet show as pending or stay hidden until they have one, and how a visitor’s preferred service is treated — moved to the top quietly, or marked with an explicit badge that says why it is first. Each control describes what fans will see, so the choice is never a guess.

4. 4

   Preview like a fan

   Use Preview to see the page at phone size. Better: open the real URL on your own phone from inside Instagram — the in-app browser is where most fans will meet the page, and DropRoute pages are built to work there even with scripts disabled.

5. 5

   Keep a design you like

   When a page comes out right, Save design as template on the link’s overview snapshots its current design — colours, type, buttons, layout — into a new workspace template that new links can start from. It is a copy, not a reference: the page is not changed, and the template starts its own life at version one.