We build our website pages using a variety of content types called chunks. Each chunk is built to scale and adjusts based on the screen width of the viewing device. One chunk is usually all that will fit on the smaller screen of a mobile device, which makes it a great base unit for design and content creation.
Groups of content chunks make up sections, and sections make up a page.
Sections can be thought of as rows that span the entire width. Sections can have background colors or images to guide readers through the various sections. Sections can lay out all chunks within them in a grid of halves or thirds, but by default chunks will span the full width.
Chunks can be thought of as content and there are many different types of chunks, including text, images, and accordions. Chunks can be positioned to the right or left if they are not arranged in a grid layout in the section. A list and explanation of all the chunks is in the Web Style Guide.
There are three areas of the website where navigation can occur:
The banner, displayed at the top of the page, can either be an image, text with a background color, or a video. Banners are a great way to introduce your content.
Pages have the ability to be shared on Facebook and Twitter. Use the social sharing option if you’d like visitors to share the content on your page. You can also customize the title, description, and image that appear on Facebook and Twitter.
Social links appear in the belt on every page of your website.
