forma.Beta
Sign inGet access→
Browse all docs
ReferenceTutorials
Tutorial

Customize your theme

Open Storefront → Themes → Customize. Everything you do here previews live against your real storefront on the right, and stays private until you publish.

forma.pk/app/themes/customizeSimplified preview
CustomMeridian · Kinnow
Publish
Design Sections Advanced

Palette

Kinnow Night
Premium White
Mehndi

Typography & shape

Heading fontBricolage
Corner styleRounded
Desktop
Kinnow Kicks.
Shop now
Design tab open — swap the palette, then check the live preview on the right.
  1. 1

    Pick a color scheme

    On the Design tab, click through the preset palettes and watch the preview update instantly. If none is quite right, expand the individual color fields (Background, Text, Primary, Accent) and dial in your own.

  2. 2

    Set your fonts

    Choose a heading font and a body font from the Google Fonts picker — search by name, preview instantly.

  3. 3

    Reorder or hide sections

    Switch to the Sections tab. Drag sections to reorder your homepage, and toggle any section off if you don't need it yet (e.g. hide Testimonials until you have some).

  4. 4

    Edit a section's content

    Click any section in the list to edit its specific content — hero heading and button text, featured collection, gallery images, and so on.

  5. 5

    Preview on mobile

    Toggle the preview pane to the phone icon to check how it looks on a small screen — most of your traffic will likely be mobile.

  6. 6

    Publish

    Once it looks right, click Publish in the top toolbar. Your live storefront updates immediately.

Experiment freely

Nothing in the editor touches your live storefront until you explicitly publish — feel free to try a few palettes before settling. See The theme editor for the full reference.