Design Recipe

Blog Index
Design

A grid-driven index page for a recipe blog — hero search, category pills, and card layout with hover lift.

Search recipes...
AllBreakfastLunchDinnerDessertsDrinks

Creamy Garlic Tuscan Salmon

30 minMedium

Spicy Thai Basil Chicken

25 minEasy

Roasted Veggie Buddha Bowl

40 minEasy

Classic French Onion Soup

60 minHard

Lemon Herb Grilled Chicken

35 minMedium

Chocolate Lava Cake

20 minMedium

Design Notes

  • Gradient hero heading establishes brand identity immediately.
  • Category pills with active state provide instant filtering feedback.
  • Card hover lift with violet border glow reinforces interactivity.
  • Gradient placeholder images mirror brand palette until real photos are loaded.
Back to Docs