This page shows mock-ups of the landing page layout, all using the carousel hero, one of several hero options available in the new theme.
Each mock-up pairs a header color (blue or white) with a different accent color (blue, orange, teal, gray, red, or purple). These colors affect key page elements such as background sections, buttons, and links.
Click any image to view a larger version. Use these previews to help choose the color combination that best fits your site’s identity, content, and audience.
Landing page with blue header and blue accent color
These mock-ups feature the carousel hero to highlight how color choices appear in the most visually distinct landing page layout. Focus on how the accent color (used for background colors, buttons, and links) works with each header color (blue or white) in the context of a structured page. Choose the combination that feels most aligned with your site’s identity, content, and audience.
Landing page with blue header and gray accent color
These mock-ups feature the carousel hero to highlight how color choices appear in the most visually distinct landing page layout. Focus on how the accent color (used for background colors, buttons, and links) works with each header color (blue or white) in the context of a structured page. Choose the combination that feels most aligned with your site’s identity, content, and audience.
Landing page with blue header and orange accent color
These mock-ups feature the carousel hero to highlight how color choices appear in the most visually distinct landing page layout. Focus on how the accent color (used for background colors, buttons, and links) works with each header color (blue or white) in the context of a structured page. Choose the combination that feels most aligned with your site’s identity, content, and audience.
Landing page with blue header and purple accent color
These mock-ups feature the carousel hero to highlight how color choices appear in the most visually distinct landing page layout. Focus on how the accent color (used for background colors, buttons, and links) works with each header color (blue or white) in the context of a structured page. Choose the combination that feels most aligned with your site’s identity, content, and audience.
Landing page with blue header and red accent color
These mock-ups feature the carousel hero to highlight how color choices appear in the most visually distinct landing page layout. Focus on how the accent color (used for background colors, buttons, and links) works with each header color (blue or white) in the context of a structured page. Choose the combination that feels most aligned with your site’s identity, content, and audience.
Landing page with blue header and teal accent color
These mock-ups feature the carousel hero to highlight how color choices appear in the most visually distinct landing page layout. Focus on how the accent color (used for background colors, buttons, and links) works with each header color (blue or white) in the context of a structured page. Choose the combination that feels most aligned with your site’s identity, content, and audience.
Landing page with white header and blue accent color
These mock-ups feature the carousel hero to highlight how color choices appear in the most visually distinct landing page layout. Focus on how the accent color (used for background colors, buttons, and links) works with each header color (blue or white) in the context of a structured page. Choose the combination that feels most aligned with your site’s identity, content, and audience.
Landing page with white header and gray accent color
These mock-ups feature the carousel hero to highlight how color choices appear in the most visually distinct landing page layout. Focus on how the accent color (used for background colors, buttons, and links) works with each header color (blue or white) in the context of a structured page. Choose the combination that feels most aligned with your site’s identity, content, and audience.
Landing page with white header and orange accent color
These mock-ups feature the carousel hero to highlight how color choices appear in the most visually distinct landing page layout. Focus on how the accent color (used for background colors, buttons, and links) works with each header color (blue or white) in the context of a structured page. Choose the combination that feels most aligned with your site’s identity, content, and audience.
Landing page with white header and purple accent color
These mock-ups feature the carousel hero to highlight how color choices appear in the most visually distinct landing page layout. Focus on how the accent color (used for background colors, buttons, and links) works with each header color (blue or white) in the context of a structured page. Choose the combination that feels most aligned with your site’s identity, content, and audience.
Landing page with white header and red accent color
These mock-ups feature the carousel hero to highlight how color choices appear in the most visually distinct landing page layout. Focus on how the accent color (used for background colors, buttons, and links) works with each header color (blue or white) in the context of a structured page. Choose the combination that feels most aligned with your site’s identity, content, and audience.
Landing page with white header and teal accent color
These mock-ups feature the carousel hero to highlight how color choices appear in the most visually distinct landing page layout. Focus on how the accent color (used for background colors, buttons, and links) works with each header color (blue or white) in the context of a structured page. Choose the combination that feels most aligned with your site’s identity, content, and audience.