FOCL Help CenterFOCL GalleriesDesign, homepage & branding

Change how a gallery looks (Design tab)

Updated 12 Sep 2026

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 is set per gallery, not per account. Nothing you change is visible to the couple until you publish.

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

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.

Typography

65 pairings of a display face and a body face, grouped into Serif, Sans, Display and Script, with a filter row at the top. The Script group has four cursive hands (Signature, Flourish, Handwritten, Ink), sized up automatically so the flourishes read at heading size. Each pairing comes with its own weight, letter-spacing and capitalization already set. The list scrolls inside its own box so the cover preview stays on screen.

To go back to your studio-wide typeface, pick 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.

Was this article helpful?