This page shows a preview of the new design applied to the basic page layout. Each image demonstrates a different combination of header color (blue or white) and accent color (blue, orange, teal, gray, red, or purple). These accent colors affect various page elements such as buttons, headings, and links.
Click any image to view a larger version. Use these previews to help decide which color combination works best for your site.
When the theme is applied, the color and fonts will be updated. You may change your layout, paragraphs, etc. after the theme is applied if you want a different look.
The callout box color is always available in white or dark regardless of the header option.
Note: These mock-ups are based on current designs and are subject to minor changes before launch.
Basic page with blue header and blue accent color
The mock-ups reflect how the new theme will appear on standard content pages across your site. Focus on how the accent color (used for headings, buttons, callouts, and other highlights) works with each header color (blue or white). Please select the combination that feels visually consistent with your site’s identity, content, and audience.
Basic page with blue header and gray accent color
he mock-ups reflect how the new theme will appear on standard content pages across your site. Focus on how the accent color (used for headings, buttons, callouts, and other highlights) works with each header color (blue or white). Please select the combination that feels visually consistent with your site’s identity, content, and audience.
Basic page with blue header and orange accent color
he mock-ups reflect how the new theme will appear on standard content pages across your site. Focus on how the accent color (used for headings, buttons, callouts, and other highlights) works with each header color (blue or white). Please select the combination that feels visually consistent with your site’s identity, content, and audience.
Basic page with blue header and purple accent color
he mock-ups reflect how the new theme will appear on standard content pages across your site. Focus on how the accent color (used for headings, buttons, callouts, and other highlights) works with each header color (blue or white). Please select the combination that feels visually consistent with your site’s identity, content, and audience.
Basic page with blue header and red accent color
he mock-ups reflect how the new theme will appear on standard content pages across your site. Focus on how the accent color (used for headings, buttons, callouts, and other highlights) works with each header color (blue or white). Please select the combination that feels visually consistent with your site’s identity, content, and audience.
Basic page with blue header and teal accent color
he mock-ups reflect how the new theme will appear on standard content pages across your site. Focus on how the accent color (used for headings, buttons, callouts, and other highlights) works with each header color (blue or white). Please select the combination that feels visually consistent with your site’s identity, content, and audience.
Basic page with white header and blue accent color
he mock-ups reflect how the new theme will appear on standard content pages across your site. Focus on how the accent color (used for headings, buttons, callouts, and other highlights) works with each header color (blue or white). Please select the combination that feels visually consistent with your site’s identity, content, and audience.
Basic page with white header and gray accent color
he mock-ups reflect how the new theme will appear on standard content pages across your site. Focus on how the accent color (used for headings, buttons, callouts, and other highlights) works with each header color (blue or white). Please select the combination that feels visually consistent with your site’s identity, content, and audience.
Basic page with white header and orange accent color
he mock-ups reflect how the new theme will appear on standard content pages across your site. Focus on how the accent color (used for headings, buttons, callouts, and other highlights) works with each header color (blue or white). Please select the combination that feels visually consistent with your site’s identity, content, and audience.
Basic page with white header and purple accent color
he mock-ups reflect how the new theme will appear on standard content pages across your site. Focus on how the accent color (used for headings, buttons, callouts, and other highlights) works with each header color (blue or white). Please select the combination that feels visually consistent with your site’s identity, content, and audience.
Basic page with white header and red accent color
he mock-ups reflect how the new theme will appear on standard content pages across your site. Focus on how the accent color (used for headings, buttons, callouts, and other highlights) works with each header color (blue or white). Please select the combination that feels visually consistent with your site’s identity, content, and audience.
Basic page with white header and teal accent color
he mock-ups reflect how the new theme will appear on standard content pages across your site. Focus on how the accent color (used for headings, buttons, callouts, and other highlights) works with each header color (blue or white). Please select the combination that feels visually consistent with your site’s identity, content, and audience.