// Style B v2 — Botanical Journal, hi-res // Pressed-specimen / field-journal layout. SVG-illustrated food + scattered produce. // 1600 x 2200 — print-friendly, dense. // ───────────────────────────────────────────────────────────── // SVG ILLUSTRATIONS — produce + food, drawn with simple primitives // All sit on transparent backgrounds so they can be scattered. // ───────────────────────────────────────────────────────────── function Blueberries({ size = 80, style }) { // cluster of berries with leaf return ( {/* leaves */} {/* berries */} {[ [32, 56, 18], [60, 50, 20], [48, 70, 22], [70, 70, 17], [22, 74, 15], ].map(([cx, cy, r], i) => ( ))} ); } function RhubarbStalks({ size = 100, style }) { return ( {/* leaf top */} {/* stalks */} {/* highlights */} ); } function LemonSlice({ size = 80, style }) { return ( {Array.from({ length: 10 }).map((_, i) => { const a = (i * Math.PI * 2) / 10; const x1 = 50 + Math.cos(a) * 8; const y1 = 50 + Math.sin(a) * 8; const x2 = 50 + Math.cos(a) * 36; const y2 = 50 + Math.sin(a) * 36; return ; })} {Array.from({ length: 10 }).map((_, i) => { const a = (i * Math.PI * 2) / 10 + Math.PI / 10; const x = 50 + Math.cos(a) * 22; const y = 50 + Math.sin(a) * 22; return ; })} ); } function LavenderSprig({ size = 90, style }) { return ( {[18, 26, 34, 42, 50, 58, 66, 74].map((y, i) => ( ))} ); } function VioletViola({ size = 70, style }) { return ( {/* 5 petals */} {[ { rot: -60, fill: '#b7a8c4' }, { rot: 60, fill: '#b7a8c4' }, { rot: -130, fill: '#e2dba8' }, { rot: 130, fill: '#e2dba8' }, { rot: 180, fill: '#8d6fa6' }, ].map((p, i) => ( ))} {/* face stripes */} ); } function MicroBasil({ size = 80, style }) { return ( {[ { x: 30, y: 50, r: -30 }, { x: 50, y: 35, r: 0 }, { x: 70, y: 50, r: 30 }, { x: 40, y: 65, r: -10 }, { x: 60, y: 65, r: 10 }, ].map((l, i) => ( ))} ); } function HeritageTomatoes({ size = 90, style }) { return ( {/* stems */} ); } // Coriander leaf function Coriander({ size = 80, style }) { return ( ); } // ───────────────────────────────────────────────────────────── // FOOD ILLUSTRATIONS — drawn with SVG, more detail than placeholders // ───────────────────────────────────────────────────────────── function ScenePlate({ children, style, label }) { return (
{children} {label &&
{label}
}
); } // Tomato tartlet on a saucer function TartletDish({ size = 320 }) { return ( {/* table */} {/* saucer */} {/* tart shell */} {/* fluted edge */} {Array.from({length: 22}).map((_, i) => { const a = (i / 22) * Math.PI; const x = 160 + Math.cos(a) * 90; const y = 130 - Math.sin(a) * 20; return ; })} {/* spinach base */} {/* goat cheese rounds */} {/* tomato halves on top */} {/* micro basil sprinkle */} {[[100,118],[140,114],[170,108],[200,114],[220,120],[160,120]].map(([x,y], i) => ( ))} ); } // Coronation chicken on focaccia, halved function FocacciaDish() { return ( {/* board */} {/* board grain */} {Array.from({length: 8}).map((_, i) => ( ))} {/* lower half (bottom slice) */} {/* dimples on top crust visible at edges */} {Array.from({length: 8}).map((_, i) => ( ))} {/* chicken filling */} {/* sultanas */} {[80, 110, 140, 170, 200, 230, 250].map((x, i) => ( ))} {/* spinach leaves peeking */} {/* top half */} {/* dimples */} {Array.from({length: 14}).map((_, i) => ( ))} {/* rosemary sprigs garnish */} {[60, 56, 52, 48].map((y, i) => ( ))} {/* coriander sprig front */} ); } function SconeDish() { return ( {/* doily */} {Array.from({length: 26}).map((_, i) => { const a = (i / 26) * Math.PI * 2; return ; })} {/* scone bottom */} {/* split line */} {/* jam oozing */} {/* clotted cream */} {/* lavender on top */} {[2, 6, 10, 14].map((y, i) => ( ))} {[2, 6, 10, 14].map((y, i) => ( ))} {/* berries scattered on plate */} ); } function RhubarbCakeDish() { return ( {/* cake stand pedestal */} {/* cake square front */} {/* rhubarb chunks visible in crumb */} {[[120,140],[150,155],[180,138],[200,160],[135,170],[195,128]].map(([x,y], i) => ( ))} {/* icing drip */} {/* lemon zest curl */} {/* viola crown */} {[ { rot: -60, fill: '#b7a8c4' }, { rot: 60, fill: '#b7a8c4' }, { rot: -130, fill: '#e2dba8' }, { rot: 130, fill: '#e2dba8' }, { rot: 180, fill: '#8d6fa6' }, ].map((p, i) => ( ))} {/* viola small side */} {[ { rot: -60, fill: '#b7a8c4' }, { rot: 60, fill: '#b7a8c4' }, { rot: -130, fill: '#e2dba8' }, { rot: 130, fill: '#e2dba8' }, { rot: 180, fill: '#8d6fa6' }, ].map((p, i) => ( ))} {[ { rot: -60, fill: '#e2dba8' }, { rot: 60, fill: '#e2dba8' }, { rot: -130, fill: '#b7a8c4' }, { rot: 130, fill: '#b7a8c4' }, { rot: 180, fill: '#8d6fa6' }, ].map((p, i) => ( ))} ); } function ThreeTierStand() { return ( {/* center rod */} {/* top finial */} {/* base */} {/* tier 3 (top) */} {/* scones on top */} {/* tier 2 (mid) */} {/* tartlets */} {/* tier 1 (bottom) */} {/* focaccia squares + cake squares */} ); } // ───────────────────────────────────────────────────────────── // SPECIMEN CARD — pinned card containing an SVG illustration // ───────────────────────────────────────────────────────────── function Specimen({ name, latin, h = 220, rotate = 0, tape, children, taglines = [] }) { return (
{tape && (
)}
{children}
{name}
{latin &&
{latin}
} {taglines.length > 0 && (
{taglines.map((t, i) =>
· {t}
)}
)}
); } function Dotted({ w = 80 }) { return ( {Array.from({ length: Math.floor(w / 10) }).map((_, i) => ( ))} ); } // ───────────────────────────────────────────────────────────── // MAIN BOARD — 1600 x 2200 (hi-res, print-friendly) // ───────────────────────────────────────────────────────────── const palette = [ { name: 'Cream', hex: '#F1ECDD', note: 'paper' }, { name: 'Sage', hex: '#A7B091', note: 'leaf' }, { name: 'Moss', hex: '#586B43', note: 'stem' }, { name: 'Lavender', hex: '#B7A8C4', note: 'viola' }, { name: 'Rhubarb', hex: '#C36A6A', note: 'pink' }, { name: 'Blueberry', hex: '#3E4A6B', note: 'ink' }, { name: 'Lemon', hex: '#F1D24A', note: 'zest' }, ]; function BotanicalBoardHiRes() { const ink = '#2d2a20'; return (
{/* SCATTERED PRODUCE — pushed to outer edges so they don't intrude on text */}
{/* HEADER */}
a field journal of —

Spring Afternoon Tea

Pressed, sketched & noted
{/* Pinned date card */}
ENTRY
April · 26
The kitchen garden,
just after rain
{/* VISION + STAND */}
§
Inspiration for my menu

My menu is inspired by spring gardens — colourful flowers, fresh herbs and seasonal harvest like blueberries, rhubarb and lemon — combined with traditional British tea staples such as scones, finger sandwiches and miniature cakes.

{/* Why I chose these — tucked notes */}
{[ ['Spring gardens', 'Stunning colourful flowers, fresh green herbs and seasonal harvest — blueberries, rhubarb and lemon at their peak.'], ['British tea, refreshed', 'Traditional staples — scones, finger sandwiches and miniature cakes — re-imagined for a younger table.'], ['Health & balance', 'A nutritiously balanced menu: protein-rich items, fibre, carbohydrates and moderate fat content.'], ['Contrast & appeal', 'Contrast in flavours, textures and visuals — designed to appeal to all kinds of people.'], ].map(([t, b], i) => (
{t}
))}
{/* Tea-scene photograph card */}
{/* SAVOURY HEADER */}
The savoury,
savoury
Heritage tomato tartlet Coronation chicken on focaccia
{/* SWEET HEADER */}
And the sweet,
sweet
Scone with blueberry jam Rhubarb & lemon cake
{/* PRODUCE STRIP — small specimen cards */} {/* PALETTE */}
palette,
{palette.map((c, i) => (
{c.name}
— {c.note}
{c.hex}
))}
{/* PRODUCE STRIP — small specimen cards */}
From our garden
seasonal produce
Rhubarb Blueberry Lemon Spring Flowers Viola
{/* FOOTER */}
— from Saleem’s journal, April 2026
); } window.BotanicalBoardHiRes = BotanicalBoardHiRes;