Modules

The building blocks of our content. Explore outside of the standard single column.

Content blocks


We use modular content blocks to construct our articles and features. These reusable and customizable pieces give us an easy way to shape and art direct our content right from the CMS.

Wide content

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

Center content

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

Columned Content

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

Primary Content

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

Secondary content

Paragraph styles in inDesign make it easy to keep text rules consistent throughout your product. They reduce translation errors when converted to CSS by giving developers an easy list of well-defined text properties.

Split Content

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

Split Content

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.


Center content with callout options

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

We don’t make magazines page by page by moving boxes around and playing with type in a photo editor. There’s a reason a publishing tool like inDesign isn’t great for graphic editing and illustration. It is a system maker. When we work in inDesign, we play with content and typography before touching anything else. We set grids, create our paragraph styles, and flow the content. Only when we’ve established how our content looks and functions do we even glance at colour, illustrations, page organization or artwork.

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

We don’t make magazines page by page by moving boxes around and playing with type in a photo editor. There’s a reason a publishing tool like inDesign isn’t great for graphic editing and illustration. It is a system maker. When we work in inDesign, we play with content and typography before touching anything else. We set grids, create our paragraph styles, and flow the content. Only when we’ve established how our content looks and functions do we even glance at colour, illustrations, page organization or artwork. We create a design framework that aids with consistency and readability which promotes flow between pages. The grid allows us to make rapid design iterations that we manipulate from a central location instead of monkeying with individual static templates. An editorial system doesn’t hold us hostage. It frees us from the monotony of static and lets us bring content to life.

A powerful quote from another article, that’s awesome. It’s a big one and it’s about Star Wars. Lando Calrissian is amazing. Where’s my Cloud City?

Billy D Williams Meet the Press

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

A powerful quote from another article, that’s awesome. It’s a big one and it’s about Star Wars. Lando Calrissian is amazing. Where’s my Cloud City?

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

Wide left

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

Wide right

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

Web designers often try to emulate immersive magazine-like experiences by copying the grit or glamour of the pages. Bold type, stylish layouts, startling imagery. Unfortunately, as designers, we usually miss the main artery: a core understanding of how the elements are governed by an underlying editorial system and how this system enables these magazines a gritty or glamorous look in the first place. We’re talking about end-to-end design systems. Typography, layout, interaction, colour, and imagery across an entire product. Instead we bleed out, creating mounds of deliverables that lead us to our design — that we throw in the trash.

Feature boxes

Flex content

A powerful quote from another article, that’s awesome. It’s a big one and it’s about Star Wars. Lando Calrissian is amazing. Where’s my Cloud City?

Flex content

A powerful quote from another article, that’s awesome. It’s a big one and it’s about Star Wars. Lando Calrissian is amazing. Where’s my Cloud City?

Flex content

A powerful quote from another article, that’s awesome. It’s a big one and it’s about Star Wars. Lando Calrissian is amazing. Where’s my Cloud City?

Flex content

A powerful quote from another article, that’s awesome. It’s a big one and it’s about Star Wars. Lando Calrissian is amazing. Where’s my Cloud City?

Flex content

A powerful quote from another article, that’s awesome. It’s a big one and it’s about Star Wars. Lando Calrissian is amazing. Where’s my Cloud City?

Flex content

A powerful quote from another article, that’s awesome. It’s a big one and it’s about Star Wars. Lando Calrissian is amazing. Where’s my Cloud City?

Flex content

A powerful quote from another article, that’s awesome. It’s a big one and it’s about Star Wars. Lando Calrissian is amazing. Where’s my Cloud City?

Flex content

A powerful quote from another article, that’s awesome. It’s a big one and it’s about Star Wars. Lando Calrissian is amazing. Where’s my Cloud City?

Flex content

A powerful quote from another article, that’s awesome. It’s a big one and it’s about Star Wars. Lando Calrissian is amazing. Where’s my Cloud City?

Flex content

A powerful quote from another article, that’s awesome. It’s a big one and it’s about Star Wars. Lando Calrissian is amazing. Where’s my Cloud City?