This guide showcases different gallery card styles that can be used to create visually engaging layouts for your Super site galleries.
Gallery Reveal
Gallery Reveal uses smooth hover interactions and subtle animations to create a clean and modern gallery browsing experience. This style works well for portfolios, photography showcases, and visually focused landing pages.
Notion Template: https://www.notion.so/superhq/Gallery-Reveal-35da50d5f2cc808b8f61cc5f6c5156c9
Live Website: https://sat.super.site/
Gallery GlintGrid
Gallery GlintGrid features a dynamic grid layout with visually engaging spacing and hover effects. It is ideal for creative showcases, digital art collections, and modern brand presentations.
Notion Template: https://www.notion.so/superhq/Gallery-GlintGrid-35ea50d5f2cc8018a632f4d0984eb0e8
Live Website: https://giffy.super.site/
Gallery PosterGrid
Gallery PosterGrid uses large poster-style cards to create a bold and immersive visual presentation. This layout works especially well for editorial-style galleries, campaigns, and featured visual content.
Notion Template: https://www.notion.so/superhq/Gallery-PosterGrid-daca50d5f2cc825bba11014ad0368613
Live Website: https://melvinx.super.site/
Tips
- Use high-quality images for better visual presentation.
- Keep image sizes consistent for cleaner layouts.
- Test gallery responsiveness on both desktop and mobile.
- Customize the styles further with custom CSS if needed.