FOCL Help Center›FOCL Galleries›Design, homepage & branding

Change how a gallery looks (Design tab)

Updated 14 Oct 2026

On a phone, open Design from the gallery menu. Quick cover layouts, cover-photo selection and focal points, typography, gallery colors and grid controls remain available. Cover Studio is desktop-only. A saved custom cover stays visible, but its artwork must be edited on a computer; choose a Quick cover to switch to a basic layout.

Open the gallery and pick Design in the left rail. A live preview of the real gallery, with your actual cover and photos, sits beside the controls.

Design choices apply to this gallery. Typography follows your studio default until you choose a style here. Draft galleries become visible when you publish; saved design changes to an already-published gallery appear when visitors reload it.

The preview

The preview is the couple’s page at full desktop size, shrunk to fit. The crop you see is the crop they get. The desktop / phone switch above it re-renders at phone width for real: the grid drops to two columns and a Split cover stacks, exactly as it will on their phone.

Cover

Quick covers offers eight layouts, each shown on your own cover photo with your own type:

  • Classic. Names centered over the photo. The safe one.
  • Full bleed. Names low and left, photo uninterrupted.
  • Frame. A thin rectangle inset from the edges, names inside it.
  • Stripe. A rule above and below the names.
  • Minimal. A small cream plate floating over the photo.
  • Vintage. Photo on top, names in a cream band beneath it.
  • Split. Photo on one side, names on a cream panel beside it.
  • Journal. The photo as a plate on a cream page, names underneath.

Choose a different photo swaps the cover image. Set focal point is the important one: click the part of the photo that must stay in frame, and the cover crops around it at every screen size. Without it, a tall phone screen can crop the couple out of a wide photo.

Cover Studio

Design → Cover → Cover Studio → Open Cover Studio opens the layered cover editor. Start with a preset, arrange text and photos, review the phone layout, and apply when ready. It also includes photo layouts, motion, social cards, a reusable Studio signature, and version history. See Design a gallery cover in Cover Studio for the tools and steps.

Match gallery & email carries the cover’s colors and type through to the gallery page and its delivery email. Preview the actual email, then choose Apply cover & matching. It sends no email. See Match your gallery and delivery email colors.

Typography

Each style pairs a font for the cover title and section headings with a coordinated text font. Suggested shows a short selection to start with. Browse Classic, Modern, Statement, Handwritten, or All styles, or search for a style or font name. Each card shows sample heading and body text in its actual fonts.

Choose a style to apply it to this gallery. Changes save automatically, and the gallery preview updates alongside the picker. The current selection shows the style name and which fonts are used for Headings and Text.

Use my studio default shows the studio’s current style and follows future changes made in Settings → Branding → Typography. Choosing an individual style makes this gallery independent of those changes. To follow the studio again, choose Use my studio default. See Logo, studio name and branding.

Grid

  • Grid style. Vertical staggers photos down columns, so tall and wide shots interlock. Horizontal fills each row edge to edge, so every photo in a row shares the same height and nothing is cropped.
  • Thumbnail size. Regular or Large.
  • Grid spacing. The gap between photos.

Existing galleries keep the layout they already had until you change one of these.

Color

Three ways in:

  • Themes. Nine ready-made palettes.
  • From a hue. Pick one color and a full palette is built around it.
  • Exact color. A color picker, or paste a hex code.

A palette is three colors: the page behind everything, the surface that cards and panels sit on, and the accent for buttons and links. Text color is worked out for you, so a dark palette gets light type automatically.

Your saved color presets

Your color presets sits above the color picker. Click Save current colors, give the palette a name and click Save preset. To reuse one, click Use in this gallery beside its name. The name is required; saving without one shows Please enter a preset name.

Every account includes one saved brand palette; Studio and Pro add multiple saved presets. After saving your included palette, Update saved brand colors replaces its stored colors with the current gallery palette. Existing galleries keep their colors until you apply it.

Manage the same library in Settings → Branding → Colors. Make default for new galleries sets future galleries’ starting colors. Apply to galleries… lets you choose which existing galleries get the palette, including all galleries. Existing galleries change only when you apply colors to them.

With Cover Studio, an applied color preset overrides matching page colors without changing the cover artwork or fonts. Later publishing a matching cover restores that cover’s page colors; private draft saves leave the applied palette alone.

See Save and reuse your gallery colors and Use your brand colors across galleries for the full steps.

Was this article helpful?