Explore Card
The explore card block is a visually prominent card with a 5:6 portrait image, a title, and a short description. When a link URL is provided the entire card becomes clickable and a circle-arrow icon appears beside the title. On mobile the cards scroll horizontally with snap points; on desktop they fill equal columns in the section grid. Images scale up slightly on hover to reinforce interactivity.
Settings
Section titled “Settings”| Setting | What it does |
|---|---|
| Image | The card’s hero image, displayed at a 5:6 aspect ratio with a subtle zoom on hover. |
| Title | Card heading. Turns green on hover when a link is set. |
| Description | Optional richtext shown below the title in a muted color. |
| Link URL | Makes the entire card a clickable link and adds the circle-arrow icon next to the title. |
Used in
Section titled “Used in”- If you leave the link URL blank the card renders as a static div with no arrow icon – useful for decorative or informational cards.
- The image zoom and color transitions only activate when a link is present, keeping non-interactive cards visually calm.
- Descriptions are capped at a max width on mobile to prevent overly wide text blocks in the horizontal scroll.