Red Gregory

View Original

20 Aesthetic Notion Page Templates: Basic Block Layouts

1. Banner About Me Page

A full width image with a narrow paragraph to describe yourself. Also included is a narrow side-column for social links.

2. Narrow About Me Page

A classic narrow-style page with a wide image and narrow paragraph below to describe yourself.


3. Horizontal About Me Page

Two-column block with an image to the left and a paragraph block to the right.

4. Full Detail Text

A two-column full-width text page layout with a series of headers on the left and paragraph blocks on the right.

5. Narrow Detail Text

A two-column narrow page layout with a series of headers on the left and paragraph blocks on the right.

6. 3 Column Editorial

A three-column page layout of text and headers in an editorial-style.

7. Full Detail Images

A collection of two-column blocks in a full-width page with a series of images to the left and a paragraph block with a button to the right.

8. Narrow Detail Images

A narrow page layout with a series of two-column blocks similar to the layout above with an image to the left and a paragraph block with a button to the right.

9. Alternating Detail Images

A full-width page layout with alternating blocks between images on the left to images on the right. Paragraph blocks and buttons included as well.

10. Blog-Style Detail

Arrange your images and detail paragraphs with a classic blog-style inside a narrow page layout.

11. Banner Detail

A full-width page layout with full-width images and a series of three-column detail blocks with paragraphs and buttons.

12. Grid Detail Text

A simple series of three-column detail blocks without an image in a grid layout.

See this content in the original post

13. Grid Detail Images

A simple series of three-column detail blocks with images in a grid layout.

14. Banner Detail Images

A full-width page layout with a series of two-column detail blocks with a full-width image banner above.

15. Thumbnail Detail

A series of detail blocks with images, paragraph blocks and buttons in a two-column grid-style.

16. Banner Detail Text

A full-width page layout with a series of two-column text detail blocks and with a full-width image banner above.

17. Mixed Detail

A series of different detail block styles including full-width images, two-column detail paragraphs with buttons, and text detail blocks.

18. Grid Image Gallery

A series of images in a grid-style.

19. Masonry Image Gallery

A series of images in a brick-style.

20. Mixed Image Gallery

A series of images in a mixed-style.

Further Reading

See this gallery in the original post