06 / Emphasis & Tiled Blocks

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.

Scroll to continue

Emphasis Product Showcase: Full-width product image with caption. Ideal for highlighting key visuals.

Excepteur sint cupidatat non proident

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Emphasis Image & Highlight: Striking image paired with a bold highlight.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Excepteur sint cupidatat non

Emphasis Testimonial: Centered quote with author attribution. Perfect for credibility and voice.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Emphasis Bold Statement: Full-screen background video with a single short message. Designed for maximum impact.

Sunt in culpa qui officia deserunt mollit

Emphasis Statement on Video: Limited height background video with a single short message. Designed for impact.

Sunt in culpa qui officia deserunt mollit

Tiled Image & Text Split: Large image paired with heading and body text. Ideal for short narrative content.

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, sectetur adipisci velit.

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 & Stat Highlight: Compact text block with a bold statistic. Great for quick insights or key figures.

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, sectetur adipisci velit.

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.

$0

Tiled Text & Progress Bar: Text paired with a visual progress bar. Useful for showing percentages or milestones.

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, sectetur adipisci velit.

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.

0%

Tiled Text & Counter: Bold number with supporting text. Best for spotlighting a single key metric.

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, sectetur adipisci velit.

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.

Neque porro quis

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Emphasis Media Block: Visual or video thumbnail next to supporting text. Best for driving engagement.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Emphasis Split Block: Bold headline paired with a contrasting image. Strong for dual focus storytelling.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Emphasis Quote Highlight: Large, center aligned pull quote. Great for breaking up content and spotlighting ideas.

ll

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Name Here Title

Emphasis Quote Left: Large and long stylized pull quote. Great for breaking up content and spotlighting ideas.

ll

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Name Here Title

Emphasis Icon Quote: Icon paired with short, bold text. Effective for quick emphasis or themes.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Name Here Title

Emphasis Icon Row-Light: Icons in columns with short captions. Ideal for feature highlights or benefits.

Sed ut unde omnis

Sed ut perspiciatis unde omnis iste natus error laudantium, totam rem aperiam, eaque ipsa quae inventore veritatis.

Read more

Gotus archit betas

Sed ut perspiciatis unde omnis iste natus error laudantium, totam rem aperiam, eaque ipsa quae inventore veritatis.

Read more

Sed ut unde omnis

Sed ut perspiciatis unde omnis iste natus error laudantium, totam rem aperiam, eaque ipsa quae inventore veritatis.

Read more

Emphasis Icon Row - Card Layout: Icons with short captions in a gallery layout. Ideal for feature highlights or benefits. Button can be hidden if not needed.

Duis aute irure

Dolor excepteur enim deserunt id adipisicing laboris est.

Learn more

Ut enim ad minim

Minim nostrud suntex mollit deserunt amet proident. Occaecat est ullamco qui labore fugiat.

Learn more

Ex ullamco

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do ut labore et dolore magna aliqua.

Learn more

Emphasis Counter 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.

Emphasis Counter Tiled 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.

Emphasis Stats Tiled Grids: Three key stats displayed in a grid with images.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Emphasis Embed Block

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.

Three Column Layouts

Previous page

Forms & CTA's

Next page