Design: Full-Width Overlay

Table of Contents

Usage

The Full-Width Overlay block is recommended for posts (articles, blog posts, etc.).

Recommended Image Ratio & Dimension(s)

Variations

In addition to right, left, and center text-alignment, there are image styles and background colors to choose from.

Image Style

Background Colors

Examples

Default Size with Image and Left-Aligned Text

Overlayed Text

Compact Size with Image and Right-Aligned Text

Overlayed Text

Default Size with White Background and Center-Aligned Text

Overlayed Text

Default Size with Georgetown Blue Background and Center-Aligned Text

Overlayed Text

Compact Size with Georgetown Gray Background and Center-Aligned Text

Overlayed Text

Compact Size with Twilight Background and Left-Aligned Text

Overlayed Text

Default Size with Indigo Background and Right-Aligned Text

Overlayed Text