Presets: Masthead, Broadsheet and Almanac

Three starting points for the same theme. Each one sets the colors, type and shapes, and installs its own home page.

A preset is a starting point, not a separate theme. All three presets have the same sections, blocks and settings. What differs is what they start with: the five color schemes, the typefaces, the button and corner shapes, a few product card choices, the header layout and the sections on the home page.

Nothing a preset sets is locked. Every value on this page can be changed afterwards in Theme settings or in the theme editor.

Masthead

The default preset, and the quietest of the three. Warm paper backgrounds, a light serif for headings and square corners throughout. Its home page builds from a full-width image banner through an editorial image grid to a shoppable look.

The Masthead preset's home page.

Color schemes

Scheme 1 #F5F2EC / #1B1A17
Scheme 2 #FFFFFF / #1B1A17
Scheme 3 #1B1A17 / #F5F2EC
Scheme 4 #E4DDD1 / #1B1A17
Scheme 5 #4A1D1F / #F5EDE3

Each tile shows the scheme's background and text colors. The dots are its accent, button and sale colors.

Home page

Installed with these sections, in this order:

  1. Image banner
  2. Featured collection
  3. Editorial grid
  4. Shop the look
  5. Image with text
  6. Collection list
  7. Testimonials
  8. Newsletter

Header

  • Desktop layout: Masthead
  • Sticky header: On scroll up
  • Transparent on home page hero: Off

Broadsheet

The loudest preset. Black, white and red, with condensed uppercase headlines, heavier button outlines and square product images. Its home page opens on a full-screen magazine cover and runs through scrolling text, collection tabs and an editorial product spread.

The Broadsheet preset's home page.

Color schemes

Scheme 1 #FFFFFF / #0E0E0E
Scheme 2 #F1F0EC / #0E0E0E
Scheme 3 #0E0E0E / #FFFFFF
Scheme 4 #C81E17 / #FFFFFF
Scheme 5 #E8E4DA / #0E0E0E

Each tile shows the scheme's background and text colors. The dots are its accent, button and sale colors.

Home page

Installed with these sections, in this order:

  1. Cover hero
  2. Scrolling text
  3. Collection tabs
  4. Editorial product spread
  5. Collection list
  6. Testimonials
  7. Newsletter

Header

  • Desktop layout: Logo center, menu left
  • Sticky header: Always
  • Transparent on home page hero: On

Almanac

The softest preset. Earth tones, a classic serif, rounded images and pill-shaped buttons, with the section and product numbers turned off. Its home page opens on a split image banner and tells a lookbook story in chapters.

The Almanac preset's home page.

Color schemes

Scheme 1 #F3ECE2 / #3B2F28
Scheme 2 #EADFCF / #3B2F28
Scheme 3 #3B2F28 / #F3ECE2
Scheme 4 #9A5238 / #FFF8F0
Scheme 5 #DDE3D5 / #2F3A2E

Each tile shows the scheme's background and text colors. The dots are its accent, button and sale colors.

Home page

Installed with these sections, in this order:

  1. Image banner
  2. Featured collection
  3. Scrolling lookbook story
  4. Image with text
  5. Testimonials
  6. Newsletter

Header

  • Desktop layout: Logo left, menu center
  • Sticky header: On scroll up
  • Transparent on home page hero: Off

Theme settings compared

These are the theme settings the presets set differently. Every other theme setting starts the same in all three.

Setting MastheadBroadsheetAlmanac
Typography
Font Headings Fraunces, light Archivo Narrow, semibold Lora, regular
Size scale Headings 100% 115% 95%
Letter spacing Headings -2 0 -1
Case Headings Default Uppercase Default
Font Body Instrument Sans, regular Inter, regular Nunito Sans, regular
Size scale Body 100% 100% 105%
Font Accent Instrument Serif, regular Instrument Serif, italic Lora, italic
Layout
Page margin 48 px 32 px 40 px
Space between sections 112 px 96 px 120 px
Grid spacing 24 px 16 px 28 px
Number sections On On Off
Buttons and corners
Shape Square Square Pill
Border thickness 1 px 2 px 1 px
Uppercase button labels On On Off
Corner radius Inputs 0 px 0 px 12 px
Corner radius Images and media 0 px 0 px 16 px
Product cards
Image ratio Portrait (4:5) Square (1:1) Portrait (4:5)
Number products in grids On On Off

Choose a preset when you install

On the theme's page in the Shopify Theme Store, select the preset you want before you try or buy the theme. The theme is then added to your store with that preset's settings, its home page and its header and footer.

Switch presets later

  1. In your Shopify admin, go to Online Store and click Edit theme for Masthead.
  2. Click the Theme settings icon, then click Theme style.
  3. Select the style you want, then click Change style.
  4. Click Save.

Switching replaces your theme settings. Colors, typography and the other settings in the table above are set to the new preset's values, including any you changed yourself. To keep your current look as a fallback, duplicate the theme first: in Online Store, open the theme's … menu and choose Duplicate.

Switching in the theme editor changes theme settings only. It does not rebuild your home page or change your header layout, because those belong to your templates and you may have edited them. To get another preset's home page, add its sections yourself in the order listed above, or install a fresh copy of the theme from the Theme Store with that preset selected.