Twenty Twenty One will come packaged with several block patterns. Here's a couple to get us started.

• Two images showcase

• Full-width block
• Maybe a media and text block, where instead of text, we show a second, smaller, framed image?

• Overlapping gallery

• Wide-width block
• Maybe every third image overlaps every second image? Or horizontal images always overlap vertical images? We'll need to play with this in code to determine the best approach.

• Image underlapping text box

• Wide-width block
• Image block
• Overlapped by a paragraph in a container with a border

• Media & Text article title

• Width-width block
• Media and text block with a border. The text includes an H2, short separator block, and a small paragraph

• Portfolio list

• Width-width block
• Separator, H2, tiny image

• Large text

• 144px paragraph block, 300 font weight

• Two overlapping blocks of text

• Wide-width block
• Extra large paragraph in the first block, large paragraph in the second

• Link CTA

• Width-width block
• Group or cover block with a border
• 96px paragraph block, 300 font weight
• Spacer block?
• Columns block
• Left column: social media links
• Right column: email link

You can view all of these block patterns in Figma: https://www.figma.com/file/OEtsCj8oD8JPVx4OvsS0U2/Twenty-Twenty-One?node-id=269%3A68

As more pattern designs come in, we'll likely end up modifying or removing some of these initial patterns, but they should be good to get us started.