- recipe · classic
Lemoncake
Portrait recipe card: hero illustration, timings row, ingredients + palette, numbered instructions, brand seal.
source: lemon_cake.pngOpen preview → - infographic · landscape
Biscuit Filling
Landscape infographic: ingredient icons column, centerpiece photo, dosage table, step-by-step column, dark brand footer.
source: sample_infographic.jpgOpen preview → - infographic · process
Carbonated
Process infographic: dark forest header, ingredients table + dosage card, horizontal numbered flow with arrows, storage note.
source: other_infographic.jpegOpen preview → - recipe · bite
Bubblegum Fudge Bites
No-bake fudge bite recipe card in the Egnite 'bite' layout — ingredients panel overlapping hero, 'ENJOY EVERY BITE!' stamp.
source: bubblegum_fudgebites.pngOpen preview → - recipe · bite
Strawberry Short Cake Cups
Two-page recipe in the Egnite 'bite' layout — grouped ingredients, detailed extended instructions on page two.
source: strawberry_shortcake_2_pages.pngOpen preview → - recipe · classic
Wild Berry Cupcakes
Recipe card variant using the classic Egnite portrait layout — soft muffin tones, berry palette.
source: wildberry_cupcakes.pngOpen preview → - recipe · classic
Mixed Berries Cake
Layer cake recipe card in the classic Egnite portrait style — whipped cream, mixed berries.
source: mixedberries_cake.pngOpen preview → - recipe · classic
Coffeebean Cookies
Cookie recipe card in the classic Egnite portrait style — coffee-toned palette.
source: coffeebean_cookies.pngOpen preview → - recipe · classic
Coconut Madeleines
Madeleine recipe card in the classic Egnite portrait style — coconut palette.
source: coconut_madeleines.pngOpen preview → - recipe · classic
Creamy Spice Pinwheel Cookies
Pinwheel cookie recipe card in the classic Egnite portrait style.
source: creamy_pinwheel_cookies.pngOpen preview → - recipe · classic
Hazelnut Chocolate Chip Cookies
Chocolate-chip cookie recipe card in the classic Egnite portrait style.
source: hazelnut_chocolate_cookies.pngOpen preview →
How the factory scales
- A template is a pure React component + a typed data shape. One template renders any number of entries.
- An entry is a data object that declares a
kind(which template) and the content to render. - The registry is the single source of truth. The gallery and the dynamic route both derive from it, so generating 100 recipes is 100 entries — no layout duplication.
- Future: entries can be loaded from JSON / a CMS / a database with zero change to templates.