06 / EMPHASIS LAYOUTS
Emphasis blocks are full-width sections designed to stand out within content flows. They spotlight key messages through striking visuals, large quotes, or concise stats, adding rhythm and focal points that help important content resonate more powerfully without disrupting the overall balance.
Emphasis Product Showcase: Full-width product image with title. Use it once or twice in the entire doc. Don't over use it.
LOREM IPSUM
UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION
Emphasis Image & Quote: Background image paired with a paragraph quote.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint cupidatat non
Emphasis Cards (Only Desktop): Card for big title, paragraph and CTA. ⚠️ Please note a different block has been created for tablet/mobile.
LOREM IPSUM
QUIS AUTEM VEL EUM IURE REPREHENDERIT QUI IN EA.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint cupidatat non
Emphasis Cards: Card for big title, paragraph and visual on the side.
Tiled Text & Stat Highlight: Compact card block with a bold statistic. Great for quick insights or key figures.
Tiled Text & Stat Highlight: Compact card block with a bold statistic. Great for quick insights or key figures.
LOREM IPSUM
Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.
Tiled Text & Progress Bar: Text paired with a visual progress bar. Useful for showing percentages or milestones.
NEQUE PORRO QUISQUAM EST, QUI DOLOREM IPSUM
Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.
Ut enim ad minima veniam, quis nostrum exer citationem ullam corporis suscipit laboriosam, nisi ut aliquid uis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.
Emphasis Number Grid: Three key stats displayed side by side. Great for showcasing measurable impact.
NEQUE PORRO QUIS
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
LOREM IPSUM SIT AMET
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
NEQUE PORRO QUIS
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.