This is some Heading text (Playfair Display)
You can also highlight specific parts of a Heading
Highlighted text can be displayed like this too
Captions can either display like this
Or like this, but cannot adjust the font weight
Here's some longer-form Corporate Ipsum body text for you to take a look at:
Synergistically scale proactive core competencies before resource-leveling methodologies. Globally maximize viral niches through frictionless deliverables. Seamlessly disintermediate multi-platform internal or organic sources whereas granular leadership skills. Competently initiate alternative scenarios with collaborative alignments. Proactively impact state of the art paradigms via multidisciplinary imperatives.
This is the Outfit font.
Default theme colours
Navy blue and muted beige
These two primary colours from your branding will be used heavily throughout the theme.
Configured in Theme Settings
The gear icon at the top left of the Theme Editor is where you can view and change the colours at any time.
Selecting colours manually per section
Select other complimentary secondary colours
Some sections in the theme will give you the ability to select your own colours to use.
Light and dark mode supported
Changing the colours will only change for the specific section you are editing--labelled specifically if it applies for light or dark mode.
Showcasing the flexibility
Complimentary secondary colour examples below
Based from the brand guide--using the "Media with text" section, we'll still be able to display specific colour pairing for each product (if the settings are available for the section).
Example subheading
Image with text
Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.
Example subheading
Image with text
Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.
Example subheading
Image with text
Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.
Example subheading
Image with text
Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.
Example subheading
Image with text
Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.
Example subheading
Image with text
Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.
FAQs
Accordion menus look like this with an optional image on the side.
Paired with icons included in the theme. You have the option to enter a SVG code, or use an un-listed icon from the theme documentation.
Each FAQ row can have its own icon assigned.
Or you can choose to have no icons displayed at all.
Sections with uploaded icons
Image file or SVG code
Some sections that allow you to display an icon will allow you to even upload your own image file.
Icon sizing
If the icon appears too small, there are settings in the section that allow you to adjust the sizing.
Sizing applies to all
The selected size will apply to ALL icons in the section, so try to use icons that are all the same size as much as possible to keep consistency.
Always check on desktop and mobile view
It will be a good habit to switch from desktop to mobile view frequently to ensure images, text, and spacing is optimized for smaller screens. This can be done through the Theme Editor at the top right corner.
