Examples

Every page in this section is the same exercise: take something that exists today as bespoke React, or as a Photoshop reference from a client, and write the template JSON that produces it under the architecture in this brief — imagining every Feature built exactly as designed. The discount lockup is the canonical walkthrough. The component pages take the 22 components of the Betta catalogue (feature/neo-1984-component-library-v1, each built as a React component today) and rebuild each as pure JSON against its original reference image, then record where the schema strained. Those Stress points sections are the brief's acceptance test.

#	Component	Reference	Example
01	Black Friday: Sale On Now		betta-black-friday-banner
02	Boxing Day: Up To 50% Off		betta-boxing-day-banner
03	Red Hot Summer Sale		betta-red-hot-summer-sale
04	Footy Finals: Bonus TV		betta-footy-finals-banner
05	Bonus Cashback: full stack		betta-bonus-cashback-stack
06	Bonus Cashback: no value		betta-bonus-cashback-duo
07	Bonus Cashback: red flash		betta-bonus-cashback-flash
08	Bonus Cashback: three tier		betta-bonus-cashback-tiers
09	Bonus Cashback sticker		betta-bonus-cashback-sticker
10	Home Appliance Cashback		betta-home-appliance-cashback
11	Hisense Spend and Get		betta-spend-and-get
12	Betta Buys: plus $300 Cashback		betta-buys-cashback
13	50% Off: Audio category		betta-category-discount
14	Sale: Up To 30% Off		betta-sale-percent-off
15	Price + Product: before / after cashback		betta-cashback-price-stack
16	Price + Product: price and saving		betta-price-save-stack
17	Product description and code		betta-product-description
18	Energy Rating badge		betta-energy-rating
19	Catalogue Out Now: flag		betta-catalogue-flag
20	Catalogue cover and mobile app		betta-catalogue-cover
—	Free-form text box	built from the docx note only	betta-text-box
—	Plain typed text	built from the docx note only	betta-plain-text