Kage Design logo kage
partiful.com
partiful.com gallery component

Design analysis

A compact section pairs a left-aligned heading with three large rounded template thumbnails in a horizontal browsing row.

Prompt preview
## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/partiful-com/97ae038c-0277-4e29-93fa-45b4a481f7ba-1789146243-4.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/partiful-com/97ae038c-0277-4e29-93fa-45b4a481f7ba-1789146205210-full.webp
- Component on Kage: https://kage.design/component/partiful-gallery

## Before you start
Ask what the user's product and brand are, then apply the principles below to their context rather than reproducing this reference.

Build a template gallery:
- Start with a left-aligned section heading and one short supporting line in a constrained content container.
- Place 3–4 equal-width visual cards below, with rounded corners around 10–14px and tightly controlled gutters.
- Let imagery carry most of the visual interest; use consistent aspect ratios and object-cover cropping.
- Add carousel affordances only if more content exists, with visible keyboard focus and touch dragging on mobile.
- Use bold 28–32px heading typography and subdued 15–16px supporting text.

Never:
- Never use logos, product names, copy, illustrations, or imagery from the reference.
- Never copy the specific template artwork.

More components