Field Index Photo Book

Made with AI

Model: Generated via Popcorn Editor

“Design an 11-artboard travel/memory photo book called 'FIELD INDEX' — a generic, general-purpose narrative (never real people/places): the book frames itself as a field log, every interior spread a numbered 'entry' rather than a diary date. Cover and back cover are 210×210mm square; ALL EIGHT interior spreads are 420×210mm FULL-SPREAD artboards (two 210mm pages side by side, as the book lies open — a 420mm-wide artboard is already proven in this schema/compiler, e.g. hospitality/placemat-table-setting.json). Palette (process swatches): 'bone' cmyk[3,4,10,0] paper, 'soot' cmyk[20,18,20,88] warm near-black ink, 'pine' cmyk[55,15,45,45] one deep-green accent — do not reuse orange/ember tones (keep this visually distinct from the sibling photo-books.json cover-only starter). Type: Abril Fatface for the title and every entry numeral; Space Grotesk (bold, tracked caps) for kickers/labels/the entry-tab/metadata; EB Garamond italic for the short field-note captions only. Real placeholder photos only (never prompt-only): templates/shared/placeholder-{landscape,travel,portrait,interior,cafe,food,workspace}.jpg. MASTER LIBRARY (styles.masters — the core deliverable): declare FOUR masterDefs, each 420×210mm, background swatchRef 'bone', margins {top:14,right:14,bottom:18,left:14}. Content that isn't full-bleed stays within the 14mm side margins and stops at y:192 (the entry-tab sits at y:192-208); left/right margins are symmetric about the spine at x:210. (1) key 'spread-full-bleed', name 'Spread — Full bleed': ONE image element 'Hero photo', x:-3 y:-3 width:426 height:216, fit:'fill', assetUrl 'templates/shared/placeholder-landscape.jpg'. (2) key 'spread-diptych', name 'Spread — Diptych': image 'Left photo' x:14 y:14 width:182 height:178 assetUrl placeholder-travel.jpg; image 'Right photo' x:224 y:14 width:182 height:178 assetUrl placeholder-portrait.jpg (224 = 210+14, both photos exactly 14mm off the spine); line 'Gutter rule' x:210 y:14 width:0 height:178 stroke swatchRef 'pine' width 0.4. (3) key 'spread-grid', name 'Spread — Grid', grouped as 'Photo cluster' — an ASYMMETRIC L-shaped cluster, never a mechanical even grid: image 'Primary photo' x:14 y:14 width:250 height:100 assetUrl placeholder-interior.jpg; image 'Tall photo' x:270 y:14 width:136 height:178 assetUrl placeholder-portrait.jpg; image 'Small photo A' x:14 y:120 width:120 height:72 assetUrl placeholder-cafe.jpg; image 'Small photo B' x:140 y:120 width:124 height:72 assetUrl placeholder-food.jpg (every gap between these four is a deliberate 6mm — verify Primary's bottom edge 114 +6mm gap = row-2 top 120; Small A's right edge 134 +6mm = Small B's left edge 140; Small B's right edge 264 +6mm = Tall photo's left edge 270; Tall photo's right edge 406 = 420-14). (4) key 'spread-caption', name 'Spread — Photo & caption': image 'Photo' x:-3 y:-3 width:213 height:216 fit:'fill' assetUrl placeholder-workspace.jpg on the left page; on the right page ONLY a caption kicker + rule (the actual caption BODY text must stay OFF the master since it varies per use — page-level only): text 'Caption kicker' x:238 y:70 width:154 height:6 content 'FIELD NOTE', Space Grotesk bold 8pt, letterSpacing 3, case upper, fill 'pine'; line 'Kicker rule' x:238 y:80 width:28 height:0 stroke 'pine' 1.2. Attach each interior artboard via masterRef to the matching master key; the artboard's own width/height must exactly equal 420×210. BLOCK (styles.blocks): key 'entry-tab', name 'Entry tab', width:40 height:16 — rect 'Tab field' 0,0,40,16 fill 'pine'; text 'Entry label' 4,3,32,5 content 'ENTRY NO.' Space Grotesk bold 6.5pt letterSpacing 2 case upper fill 'bone'; text 'Entry number' 4,7.5,32,8 content '01' Abril Fatface 16pt fill 'bone'. Instance it via a top-level blockInstance at x:190 y:192 (spans 190-230, straddling the true spine at 210 — the tab literally crosses the fold) on EVERY interior spread only (never on cover/dedication/back-cover). The first use needs zero overrides (default content is already '01'); every other spread overrides ONLY {"entryNumber":{"content":"0N"}}. RUNNING ORDER (11 artboards, author in EXACTLY this sequence): (1) Front Cover — bespoke 210×210, unmastered: image 'Cover photo' -3,-3,216,216 fit fill assetUrl placeholder-landscape.jpg; rect 'Top scrim' -3,-3,216,40 hex #1a1512 alpha 0.28; rect 'Base scrim' -3,110,216,106 hex #1a1512 alpha 0.42; group 'Title plate': text 'Kicker' 18,150,174,6 'A LOG OF SMALL JOURNEYS' Space Grotesk bold 8pt letterSpacing 3 upper fill bone; text 'Title' 18,160,174,44 'FIELD INDEX' Abril Fatface 48pt lineHeight 0.95 fill bone; line 'Accent rule' 18,206,34,0 stroke pine 1.5; text 'Edition line' 18,15,174,6 'FIELD NOTES, KEPT BY HAND' Space Grotesk bold 7pt letterSpacing 2.5 upper fill bone opacity 0.85. (2) Dedication — bespoke 210×210, bone background, LEFT-SET (not centered): text 'Kicker' 30,70,150,6 'LOG OPENS' Space Grotesk bold 8pt letterSpacing 3 upper fill pine; text 'Epigraph' 30,80,150,70 EB Garamond italic 16pt lineHeight 1.4 fill soot, content 'These are the entries worth keeping — the ones that made it into the book, and the ones that made the trip worth taking.'; line 'Rule' 30,154,24,0 stroke pine 1.2; text 'Index line' 30,162,150,6 'LOG NO. 001–008' Space Grotesk bold 7pt letterSpacing 2 upper fill soot opacity 0.7. (3) Entry 01 — masterRef 'spread-full-bleed', no overrides (shows the master's default placeholder-landscape.jpg), plus the entry-tab blockInstance (no override, shows '01'). (4) Entry 02 — masterRef 'spread-diptych', no overrides, plus entry-tab override entryNumber→'02'. (5) Entry 03 — masterRef 'spread-grid', no overrides, plus entry-tab override entryNumber→'03'. (6) Entry 04 — masterRef 'spread-caption', no photo override, plus entry-tab override entryNumber→'04', PLUS a page-level caption body text at x:238 y:88 width:154 height:60, EB Garamond italic 15pt lineHeight 1.35 fill soot, content 'The itinerary changed twice before breakfast. It always does. We left the rest blank on purpose — the good detours never make the schedule.'. (7) Entry 05 — masterRef 'spread-full-bleed' (SECOND use), plus a page-level image element at the IDENTICAL position as the master's Hero photo (x:-3 y:-3 width:426 height:216 fit fill) but assetUrl placeholder-travel.jpg (this replacement image, layered on top of the master's own default, models the user having swapped this page's photo), plus entry-tab override→'05'. (8) Entry 06 — masterRef 'spread-diptych' (SECOND use), plus two page-level replacement images at the master's exact Left/Right photo positions using placeholder-landscape.jpg (left) and placeholder-interior.jpg (right), plus entry-tab override→'06'. (9) Entry 07 — masterRef 'spread-grid' (SECOND use), plus four page-level replacement images at the master's exact four cluster positions using placeholder-landscape.jpg (Primary), placeholder-travel.jpg (Tall), placeholder-cafe.jpg (Small A), placeholder-workspace.jpg (Small B), plus entry-tab override→'07'. (10) Entry 08 — masterRef 'spread-caption' (SECOND use), plus a page-level replacement image at the master's exact Photo position using placeholder-interior.jpg, plus entry-tab override→'08', plus a NEW caption body (same position/style as Entry 04) content 'Somewhere past the third market stall we stopped counting the days. The room was small, the shutters warm, and nobody was in a hurry to leave.'. (11) Back Cover — bespoke 210×210, background swatchRef 'soot': line 'Top rule' 83,88,44,0 stroke pine 1; text 'Wordmark' 18,98,174,8 'FIELD INDEX' Space Grotesk bold 10pt letterSpacing 4 upper align center fill bone; text 'Closing line' 18,110,174,16 EB Garamond italic 13pt align center fill bone opacity 0.85 content 'More entries always on the way.'; text 'Volume tag' 18,150,174,6 'VOLUME ONE' Space Grotesk bold 7pt letterSpacing 3 upper align center fill bone opacity 0.6. Do NOT use flowInto anywhere in this document — every text block is short and fully page-scoped; the master library is the whole feature. Named Fabric groups + a specific human-readable name on every single element (never 'Rect 1'). AUTHOR STRICTLY INCREMENTALLY per the Incremental authoring rule: skeleton = schemaVersion/meta/styles (all swatches + all 4 masters + the block) + artboard 1 (Front Cover) ONLY, validate --compile, then one Edit per subsequent artboard in the exact order above, validating after EVERY single Edit — this is an 11-artboard document, the largest in the repo so far, so do not skip a validation step.”