Selected Content

Selected content is used to display a deliberately curated set of items chosen for relevance, emphasis, or narrative purpose. Unlike dynamic listings, it is manually controlled, allowing order, grouping, and prominence to be intentional.

There are a number of stylistic options available for displaying selected content. This page demonstrates the following examples:

1. Columns

Column layouts can be used to display selected content in a clear format. The examples below show the locations for a fictional School of Beekeeping, using a varying number of columns and display styles.

Columns example A:

Portrait image (default), three columns.

beekeeper dealing with bees in a honey hive

Oxford Apiary

A fictional apiary used for teaching, research, and community engagement. The site includes managed beehives, an observation unit for student learning, and ongoing projects examining pollinator resilience.

library book stacks

The Beekeeper's Library

A fictional, academic library and archive focused on apiculture, pollinator science, and environmental sustainability. A fictional, academic library and archive focused on apiculture, pollinator science, and environmental sustainability. It specialises in rare and contemporary books and academic journals.

lecture hall

The School of Beekeeping

The academic home of the University’s fictional teaching in apiculture and pollinator science. The building includes lecture theatres, specialist laboratories, and practical training spaces.

How to achieve the look:

Action	Configuration options
Add a section	3 columns
Add a component	Selected content
Find the content
Display style	Portrait image; Heading 2

Columns example B:

Landscape text only, two columns.

Oxford Apiary

A fictional apiary used for teaching, research, and community engagement. The site includes managed beehives, an observation unit for student learning, and ongoing projects examining pollinator resilience.

The School of Beekeeping

The academic home of the University’s fictional teaching in apiculture and pollinator science. The building includes lecture theatres, specialist laboratories, and practical training spaces.

How to achieve the look:

Action	Configuration options
Add a section	2 columns
Add a component	Selected content
Find the content
Display style	Landscape text only; Heading 2

Columns example C:

Landscape thumbnail, single column.

beekeeper dealing with bees in a honey hive

Oxford Apiary

A fictional apiary used for teaching, research, and community engagement. The site includes managed beehives, an observation unit for student learning, and ongoing projects examining pollinator resilience.

library book stacks

The Beekeeper's Library

A fictional, academic library and archive focused on apiculture, pollinator science, and environmental sustainability. A fictional, academic library and archive focused on apiculture, pollinator science, and environmental sustainability. It specialises in rare and contemporary books and academic journals.

lecture hall

The School of Beekeeping

The academic home of the University’s fictional teaching in apiculture and pollinator science. The building includes lecture theatres, specialist laboratories, and practical training spaces.

How to achieve the look:

Action	Configuration options
Add a section	1 column
Add a component	Selected content
Find the content
Display style	Landscape thumbnail; Heading 2

Columns example D:

Portrait text only, three columns.

Oxford Apiary

A fictional apiary used for teaching, research, and community engagement. The site includes managed beehives, an observation unit for student learning, and ongoing projects examining pollinator resilience.

The Beekeeper's Library

A fictional, academic library and archive focused on apiculture, pollinator science, and environmental sustainability. A fictional, academic library and archive focused on apiculture, pollinator science, and environmental sustainability. It specialises in rare and contemporary books and academic journals.

The School of Beekeeping

The academic home of the University’s fictional teaching in apiculture and pollinator science. The building includes lecture theatres, specialist laboratories, and practical training spaces.

How to achieve the look:

Action	Configuration options
Add a section	3 columns
Add a component	Selected content
Find the content
Display style	Portrait text only; Heading 2

Columns example E:

Landscape image, two columns.

beekeeper dealing with bees in a honey hive

Oxford Apiary

A fictional apiary used for teaching, research, and community engagement. The site includes managed beehives, an observation unit for student learning, and ongoing projects examining pollinator resilience.

lecture hall

The School of Beekeeping

The academic home of the University’s fictional teaching in apiculture and pollinator science. The building includes lecture theatres, specialist laboratories, and practical training spaces.

How to achieve the look:

Action	Configuration options
Add a section	2 columns
Add a component	Selected content
Find the content
Display style	Landscape image; Heading 2

2. Slideshow

Use a slideshow when you want to present a handpicked selection of high-impact content in a visually prominent, narrative-led way.

Example below:

Showcase of flagship AI research projects for a landing page, to demonstrate the breadth of work across different sectors.

Selected content in a slideshow format, shown with a 33:66 ratio of title and image.

How to achieve the look:

Action	Configuration options
Add a section	Slideshow
Add component	Selected content
Find content
Display style	Banner 33/66; Heading 2

3. Accordion and Tile Grid

Use an accordion when you need to present a defined, curated set of detailed content in a structured way, allowing users to expand sections as needed.

Use a tile grid when you want to display static content in a balanced, scannable way.

Example below:

Team members of a fictional poetry school, displayed in tile grids, and organised by role using accordions.

Annie Apple

Poetry teacher at The Fictional Poetry School, specialising in traditional Irish forms and oral storytelling traditions.

Ben Barts

Poetry teacher at The Fictional Poetry School, working with students on voice, rhythm, and stagecraft, helping them develop work that is compelling when spoken aloud.

Camila Castillo

Poetry teacher at The Fictional Poetry School, specialising in Latin American lyric traditions and eco-poetry. Camila encourages students to weave landscape, memory, and political consciousness into their work, drawing on both Spanish-language influences and contemporary global voices.

Dominique Davis

Dominique Davis is a poetry researcher at The Fictional Poetry School, focusing on comparative poetics and the evolution of form across literary movements, with particular interest in how structure shapes meaning and reader experience.

Erik Edlund

Poetry researcher at The Fictional Poetry School, focusing on minimalism and the disciplined use of structure, exploring how restraint and precision can intensify emotional impact in contemporary verse.

Farah Faber

Senior researcher at The Fictional Poetry School, with a longstanding interest in manuscript studies and the preservation of early modern verse, examining how editorial choices shape the poems we read today.

How to achieve the look:

Action	Configuration options
Add section	Accordion; Heading 2
Open accordion section
Add component to accordion	Tile grid; 3 tiles per row
Add component to tile grid	Selected content
Find content	Portrait image; Heading 3