Card design
A bordered card with the photo beside the recipe details. On wide screens, ingredients and directions sit side by side in two columns.
When to use the Card design
Card frames your recipe in a clean box. The photo sits beside the title and details. Below, ingredients and directions sit in two columns, so shoppers can read both at once on a laptop or desktop.
A good fit for: stores with a clean, modern theme, recipes with short or medium ingredient lists, and brands that want the recipe to stand out as its own block on the page.
What you get: an optional border around the card, a two-column grid for ingredients and directions, and a single column on phones.
Explore the other designs.
Pick one design for your whole store. Switch any time, on any plan.
Questions about the design.
Common questions about this recipe card design
Can I customize the Card design to match my brand?
Yes. Pick one accent colour for buttons, borders and links. The card uses your theme's fonts. You can also turn a border around the card on or off. For finer changes, add custom CSS in the app.
Is the Card design good for phones?
Yes. On phones and tablets, the two columns stack into one, so the recipe stays easy to read.
Can I use a different design for each recipe?
No. You pick one design for your store, and every recipe uses it. You can switch designs in the app at any time.
Does the Card design support shoppable ingredients?
Yes, on the Growth plan. Link an ingredient to a product, and an Add to cart button shows beside it. Shoppers check out through your normal Shopify cart. All six designs support this.
Will the Card design work with my Shopify theme?
Yes. The recipe card sits inside your theme and uses your theme's fonts. The layout stays the same from store to store.
Ready to create beautiful recipes?
Start on the free plan, or try a paid plan free for 14 days.