Take Galley into the kitchen with the Recipe Card view. This simplified, mobile-optimized layout highlights essential production info and procedure images, letting you effecitvely produce your recipe. This article walks through the features of the Recipe Card.
Toggle
Toggle between the card and the classic detail view using the Recipe Card / Recipe Details switch at the top right—we’ll remember your preference.
Scaling
Recipe cards can be easily scaled. Clicking Apply only updates your current view of the recipe; the original recipe is unaffected.
Header
The recipe header contains the information needed to produce the recipe: the yield, prep time, allergens, and HACCP rules. Just as on the recipe detail page, you can easily trace which component each component is coming from. Additionally, you can view the details of each HACCP rule by clicking its bubble.
Components
The recipe components have been condensed, similarly to how a recipe would be printed in a recipe book. They are displayed next to the first recipe image.
Procedure
Grid
Each recipe procedure image is prominently displayed alongside each step. Click an image to view it in full screen, along with the procedure step displayed below it. Clicking the arrow will take you to the next image.
When navigating with the arrows in full screen, procedure steps without an image will be skipped.
Carousel
The procedure can also be viewed as a swipeable carousel. If back-to-back procedure steps do not have an image, they will be displayed together.
Mobile-Optimized
Recipe cards are perfect for reading in the kitchen on tablets or even mobile phones.
. 