Layouts, themes and your branding

Step 1. Pick a layout

Scroll to Layout in the editor and click any of the six cards. The live phone restyles at once.

1. App: splash cover, a Get Started button and a tab bar. The default for new guides.
2. Card: friendly tiles with icons.
3. Editorial: boutique-magazine serif with hairline rules.
4. Field Guide: numbered contents, mono details, framed photo.
5. Noir: moody dark surfaces with your accent as the gold.
6. Retreat: your photo is the whole page; glass cards float on it.

Step 2. Theme and colors

1. Under Theme, click one of the fifteen swatches. Paper, the near-white one, comes first; the rest run from warm terracotta and sage to after-dark looks.
2. Open Custom colors for exact brand values.

Light themes tint the page and keep the cards white with a darker navigation bar; dark themes do the reverse. Every theme works with every layout.

⤢ Enlarge

Step 3. Cover, logo and home screen text

1. Cover photo: Upload photo or Choose from library. A separate mobile cover photo is optional, for a tighter crop on phones.
2. Logo: overlays the top-left corner of the cover. A PNG with a transparent background works best.
3. Home screen text: title size, color, alignment, and the overlay that keeps text readable on a busy photo.

Step 4. Title typeface

The title typefaces range from clean sans to editorial serif to script. The typeface applies to the guide title and section headings; body text stays optimized for reading on phones.

Step 5. Preview both sizes

Flip the live preview between Mobile and Desktop before publishing. The same guide is tap-friendly on a phone and a full spread on a laptop, from the same link.

Once the guide is published, the QR code in the sharebar opens the real thing on your own phone.

⤢ Enlarge