Content Modules

Common page content modules

Here’s a list of commonly used content modules

• Text + Image (aka Feature, Highlight) - Image aligned left and textblock (heading, p, btn) on the right. Usually automatically varied to switch sides on following blocks.
• Banner (aka CTA, Full Image) - Usually full image (or color) background accompanied by vertically centered text block.
• Columns (aka Grid) - Repeater text blocks / columns
• Cards - Similar to columns but usually have background dropshadow and card header image.
• FAQ (aka Accordion) - collapsible ul more or less
• Carousel - it is what it is. Embla, Flickity, Slick are all common options here.
• Numbers - usually columns with animated large h1 number
• Tabs - Horizontal tabs that change content below (usually feature or text block)
• Steps (aka Vertical Feature) - usually something where text columns (3-4) are vertically on the left and fixed single image on the right. The image changes when corresponding text column is highlighted (click, time or scroll)
• Stack - Usually full screen panels that are scroll snapped together to create fixed effect (css only or js)

Other jargon

• Common page content modules
• Here’s a list of commonly used content modules
• Other jargon