Block Demo: Specific-Use Blocks

Anchor links to blocks

Breaker

This is the Breaker block

Use this block to call attention to a CTA button or featured link. There are two available Breaker background colors: blue (default) and “chill” gray (variant).

CTA button

This is the Breaker gray variant

Use the gray variant when you want to call out a CTA/featured link more subtly.

This is a featured link

Contact Us Breaker (but really a "Footer", not a "Breaker")

a large number of people sit on steps along a stretch of river running through downtown Providence

Hours

Mon–Fri: 8:30 am–4:30 pm

Contact

123 Dyer Street
Providence, RI 02903

401-401-4011

email@email.com

Priority CTA

Curated group items (columns)

Section 1 heading — items will stack as a group on mobile

Item One

Copy should give brief context to each linked item, with the section heading tying them together as a group.

Item two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pellentesque porta leo. Maecenas sed dapibus nibh, vitae elementum turpis.

Item three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pellentesque porta leo. Maecenas sed dapibus nibh, vitae elementum turpis.

Section 2 heading

Section 2 item

Narrow your browser window or look on mobile to see the rows stacked as columns.

Curated list (tables)

This was used exclusively for when we posted curriculum tables directly on risd.edu academic program pages. Could still be useful if we find a similar use case, but it does not work as a typical data table.

On mobile, items will stack so all subcategories nest below their parent category, etc.
 

Category 1

Subcategory 1

Item 1

Item 2

Subcategory 2

Item 1

Subcategory 3

Item 1

Item 2

Category 2

Subcategory 1

Item 1

Item 2

Featured artists

David Wiseman's Serpentine Jungle Mirror made of bronze, resin, porcelain, and mirrored glass

Artist 1

artist bio (general or RISD-specific

See the block in situ here
A closeup of a face is framed by a bright red circle against a maroon background.

Artist two

Block can also be set for all images to be left-aligned

Back to top

JAN 1, 2026 (DATE OPTIONAL)

Featured Content (custom)

Use this to feature priority content at a larger scale/higher volume. An advantage of this block is that it holds square and vertical/portrait images better than others in our component system.

Example: Graduate Admissions

Nathan Wright's reflection in a spherical mirror object

Featured Content (custom)

Use this to feature priority content at a larger scale/higher volume. An advantage of this block is that it holds square and vertical/portrait images better than others in our component system.

Example: Graduate Admissions