# NEXA ATR 2026 — V1.3 Build Package ## Opening Recovery + Magazine Art Direction **Prepared by:** Claude · July 2026 **For:** Manus / Cursor **Source master:** Th11e_Nexa_Annual_Technology_Review__Nexa_Maroc___The_Medina_Lab__Volumes_I_XIX.html --- ## CRITICAL CORRECTION — READ FIRST My initial assessment was wrong on the "missing pages" call. Deep DOM scan corrects this: **All 4 supposedly missing pages ARE present and populated:** | Page | Status | Visible content | |---|---|---| | P2 — Opening Manifesto | POPULATED ✓ | 1,397 chars — full manifesto copy present | | P4 — Morocco's Digital Decade | POPULATED ✓ | 1,037 chars — stats and copy present | | P14 — The Architecture (Act Map) | POPULATED ✓ | 671 chars — all 9 acts listed | | P15 — Enter the Review | POPULATED ✓ | 440 chars — full closing copy present | **What was misleading:** All 15 opening pages are tagged `class="page runway-page"` with HTML comments `` etc. My initial text search missed them because the text "Opening Manifesto" doesn't appear as visible heading copy — only in the HTML comment. **The real problem:** The opening section was built by Claude (functional HTML), not by Manus (premium magazine design). It uses `Playfair Display` — a typeface that is **not part of the approved design system**. The rest of the skeleton uses `Archivo / Inter / Source Serif 4`. **V1.3 is therefore not structural recovery. It is magazine art direction:** replace Claude's functional opening with Manus's premium execution, using the correct design system. --- ## A — ACTUAL STATUS OF ALL 15 OPENING PAGES ### Pages confirmed complete and design-correct (Manus-built or approved): *These pages should NOT be touched — they are structurally and visually correct.* | Seq | Page | Current status | Action | |---|---|---|---| | P1 | Cover | In skeleton, robot image pending Toufic replace | No change | | P3 | Executive Summary | Present, populated | Art direction upgrade only | | P5 | Technology Adoption Gap | Present, populated | Art direction upgrade only | | P6 | The Review as Technology Map | Present, populated | Art direction upgrade only | | P7 | From Review to Reality | Present, populated | Art direction upgrade only | | P8 | The Medina Lab (full-bleed) | Present, Medina Lab image embedded | Art direction upgrade only | | P9 | Inside the Medina Lab | Present, 6 pillar images embedded | Art direction upgrade only | | P10 | Technologies to Watch | Present, 12 product cards | Art direction upgrade only | | P11 | Nexa Recommended Product Picks | Present, sector table | Art direction upgrade only | | P12 | NEXA-READY-2026 | Present, course + shortlist | Art direction upgrade only | | P13 | How to Use This Review | Present, 5 pathways | Art direction upgrade only | ### Pages needing art direction upgrade (Claude-built with wrong font): *These exist with correct copy but need Manus to redesign to magazine standard.* | Seq | Page | Current issue | V1.3 action | |---|---|---|---| | P2 | Opening Manifesto | Uses Playfair Display 32px — not in design system | Redesign using approved typeface system | | P4 | Morocco's Digital Decade | Uses Playfair Display — not in design system. Stats present but layout needs upgrade | Redesign with proper statistic callouts | | P14 | The Architecture (9-Act Map) | Present but visually thin — small type, low visual impact | Full redesign as premium visual navigator | | P15 | Enter the Review | Present and mostly correct but ends too abruptly | Refine to cinematic page-break quality | --- ## B — CORRECTED P1–P15 SEQUENCE (confirmed final) All 15 pages are present. No insertions needed. The sequence is correct. | # | Page title | HTML comment | Status | V1.3 action | |---|---|---|---|---| | P1 | Cover | (cover_slot) | Structural ✓ · Robot image pending | Toufic replace only | | P2 | Opening Manifesto | `` | Copy ✓ · Font wrong | Art direction — Manus rebuilds | | P3 | Executive Summary | `` | Copy ✓ · Design acceptable | Minor polish if time allows | | P4 | Morocco's Digital Decade | `` | Copy ✓ · Font wrong · Stats need visual weight | Art direction — Manus rebuilds | | P5 | Technology Adoption Gap | `` | Copy ✓ · Design acceptable | No change required | | P6 | Review as Technology Map | `` | Copy ✓ · Design acceptable | No change required | | P7 | From Review to Reality | `` | Copy ✓ · Design acceptable | No change required | | P8 | The Medina Lab | `` | Image embedded ✓ · Design acceptable | No change required | | P9 | Inside the Medina Lab | `` | 6 pillar images ✓ | No change required | | P10 | Technologies to Watch | `` | 12 products ✓ | No change required | | P11 | Nexa Recommended Picks | `` | Sector table ✓ | No change required | | P12 | NEXA-READY-2026 | `` | Copy ✓ | No change required | | P13 | How to Use | `` | Copy ✓ | No change required | | P14 | The Architecture | `` | Copy ✓ · Visual weak | Art direction — Manus redesigns | | P15 | Enter the Review | `` | Copy ✓ · Needs cinematic finish | Art direction — Manus refines | --- ## C — COPY SOURCE FOR EACH PAGE REQUIRING UPGRADE All copy is confirmed present in the V1.2 skeleton. No copy rewrites needed. Use the existing DOM content. Manus redesigns the visual container only. ### P2 — Opening Manifesto (confirmed copy in master) ``` Morocco is not waiting for the future. It is specifying it. Between now and 2030, Moroccan institutions — schools, cities, factories, hospitals, stadiums, governments — will make technology decisions that define the Kingdom's next digital decade. The decisions made now will determine what runs, what does not, what scales, and what is replaced. This Review exists because the gap between what is technologically possible and what is actually deployed in Morocco is not a technology gap. It is a procurement gap. A knowledge gap. A confidence gap. We close it. Page by page. Chapter by chapter. Product by product. This is not a catalog. It is a decision-making instrument for Morocco's most important decade. ``` ### P4 — Morocco's Digital Decade (confirmed copy in master) ``` Morocco's Digital Decade Why 2026–2030 is the technology adoption window. The window is 2026 to 2030. It will not wait. Morocco is not a future market. It is a present one. The infrastructure investments are committed. The regulatory frameworks are forming. The institutional mandates are signed. FIFA 2030 has given six Moroccan cities a technical specification deadline they cannot move. Morocco's 2035 investment programme signals national-scale investment ambition. The renewable energy grid already delivers 45.5% — among the highest in Africa. What remains is the technology layer. STATISTICS (visual callouts): $3.2B — Digital infrastructure investment 45.5% — Renewable energy grid 6 — FIFA 2030 host cities in Morocco 2030 — Digital Morocco strategy target ``` ### P14 — The Architecture (confirmed copy in master) ``` The Architecture The 9 Acts of Morocco's Technology Decade. 55 chapters · 19 volumes · 600+ vendors · 1,081+ products · One map. ACT I — The Tech Nerd Ch.10 VR/AR/XR · Ch.11 Holographic · Ch.43 Luxury Tech · Ch.28 Smart Lifestyle · Ch.27 Smart Glasses · Ch.25 AI Companions · Ch.06 Robotics · Ch.07 AI · Ch.15 Tech Art ACT II — Morocco 2030 Ch.50 Digital Government · Ch.51 Digital Infrastructure · Ch.34 Telecom & 5G · Ch.33 Automotive & EV ACT III — The Learning Institution Ch.01 Classroom · Ch.02 Devices · Ch.03 Campus Safety · Ch.04 Labs · Ch.05 Special Ed · Ch.39 Research · Ch.40 Advanced · Ch.41 Instruments ACT IV — The Live World Ch.12 Gaming · Ch.13 Esports & Film · Ch.14 Music · Ch.48 AI Stadium · Ch.53 Sports Tech · Ch.54 AI Vision · Ch.52 Hospitality ACT V — Digital Systems & Security Ch.08 Servers · Ch.09 IoT · Ch.44 Smart Office · Ch.45 Public Safety · Ch.46 Software · Ch.47 OT Security ACT VI — Industry & Built World Ch.29 Industry 4.0 · Ch.16 Fabrication · Ch.17 Maker · Ch.18 Construction · Ch.31 AgriTech · Ch.30 Maritime · Ch.32 Drones ACT VII — Science, Health & Sustainability Ch.38 Healthcare · Ch.36 Biotech · Ch.35 Space · Ch.37 Clean Energy · Ch.49 ESG ACT VIII — Future Living & Prestige Ch.19 Smart Home · Ch.20 Statement Design · Ch.21 Wellness · Ch.22 Kitchen · Ch.23 Household Robotics · Ch.24 Outdoor · Ch.26 Mobility ACT IX — Reference & Procurement Ch.42 Fintech & Blockchain · Ch.55 Digital Twins ``` ### P15 — Enter the Review (confirmed copy in master) ``` Everything that follows is available. Sourceable. Ready to be specified, procured, deployed, and trained on. Not aspirational. Not theoretical. Not future-facing. Present tense. Morocco. 2026. Act I — The Tech Nerd begins on the following page. ``` --- ## D — DESIGN DIRECTION PER PAGE (Manus owns visual execution) ### P2 — Opening Manifesto **The job of this page:** Stop the reader. Establish that this is not a brochure. **Current issue:** Playfair Display 32px is too editorial-soft. The manifesto needs force. **Direction:** Dark background. The opening sentence — "Morocco is not waiting for the future. It is specifying it." — is the dominant typographic element. It should fill 50–60% of the page vertically. Use Archivo Black at the largest type scale in the document. The body paragraphs below are Source Serif 4, small, high leading, muted. One accent element in signal red — either the word "specifying" or a left rule. Signal red on "We close it." is appropriate. No images required. Type is the image. ### P4 — Morocco's Digital Decade **The job of this page:** Make the urgency of 2026–2030 feel concrete and data-driven. **Current issue:** Stats exist but have no visual weight. They blend into body text. **Direction:** The four statistics ($3.2B / 45.5% / 6 cities / 2030) must be the visual centre of the page. Large numerals — Archivo Black — with small labels below. Gold (#C9A84C) for the numerals, muted white for labels. The copy above and below wraps around them. Dark background. The statistics are the headline; the prose is the explanation. This is a data page, not a prose page. ### P14 — The Architecture (9-Act Map) **The job of this page:** Give the reader a navigable map of the entire Review in one visual. **Current issue:** Populated but visually thin — small type, plain grid, no visual hierarchy. **Direction:** This is the premium TOC page. It should feel architectural — structured, precise, intentional. Each of the 9 acts is a distinct block. The act number (I through IX) is prominent — Archivo Black, large, gold or red. The act title is medium weight white. The chapter list below each act is small, muted grey, readable but not dominant. The overall grid should create a sense of the Review's full scope in one glance. Manus has full authority on grid structure, spacing, and visual treatment. Reference: Apple product line overviews, MIT Technology Review section grids. This page must earn its position as the navigation anchor for the entire 1,081-product catalog. ### P15 — Enter the Review **The job of this page:** A beat of silence before Act I begins. Cinematic, not functional. **Current issue:** Copy correct but ends abruptly with "Act I — The Tech Nerd begins on the following page" immediately followed by actual act content — no visual breathing room. **Direction:** Minimal dark page. The three-word structure — "Available. Sourceable. Ready." or the full version — is the only dominant element. No images. No statistics. No tables. White type on near-black background. Large Archivo Black. A single red accent element — either a left stripe, a ruled line, or the act cue at the bottom in signal red. The reader should feel a moment of stillness before the catalog begins. It should feel like the lights dimming in a cinema. --- ## E — CURSOR-READY IMPLEMENTATION WORKFLOW ### Pre-build (before touching any file) ``` 1. DUPLICATE the master: Th11e_...html → NEXA_ATR_2026_V1_3_WORKING.html Never edit the source master directly. 2. CONFIRM the 15 opening pages exist using Ctrl+F: Search: " Search: " Search: " Search: " All four found: proceed. Any missing: stop and report. 3. LOCATE the boundary: Search: This comment marks the exact end of the opening section. NEVER edit anything after this line in V1.3. ``` ### Build scope — ONLY these 4 pages ``` 4. TARGET PAGES ONLY (work between HTML comments): ...to next page comment ...to next page comment ...to next page comment ...to next page comment 5. REPLACE the inner div content of each target page. Keep the outer:
Replace everything inside it. Use design direction from Section D above. 6. FONT SYSTEM — strictly use only: font-family: 'Archivo', sans-serif (headlines, labels, numbers) font-family: 'Inter', sans-serif (body text, captions, data) font-family: 'Source Serif 4', serif (editorial italic, pull quotes) DO NOT USE: font-family: 'Playfair Display' ← currently present in P2, P4 — REMOVE font-family: 'Playfair Display SC' Any Google Font not in the approved three above 7. COLOUR SYSTEM — only: #04080F or #0a0a0a (dark page backgrounds — either is fine) #E8401C (signal red — Nexa accent) #C9A84C (gold — statistics, act numbers) rgba(255,255,255,x) (white at varying opacity for body text) #FAFAF8 (white page background — only if a page needs light mode) ``` ### After build ``` 8. VERIFY with Ctrl+F: "Playfair" → should return 0 results in the opening section "runway-page" → should return exactly 14 divs (P2–P15) "The Tech Nerd" → should appear in P14 AND in the Act I separator "` and `` comments | Must survive the build | | **Editorial hooks** | All 55 `class="editorial-hook"` divs | Do not edit wording | | **FINAL9 catalog** | Everything after `` | Absolutely not touched | | **Playfair imports** | If Playfair Display is in the Google Fonts import, remove it from import too | Design system cleanliness | --- ## G — ONE-PAGE SUMMARY (paste into Cursor or Manus) ``` V1.3 — NEXA ATR 2026 — Opening Recovery + Magazine Art Direction SOURCE FILE: Th11e_Nexa_Annual_Technology_Review__Nexa_Maroc___The_Medina_Lab__Volumes_I_XIX.html DUPLICATE TO: NEXA_ATR_2026_CHRONOLOGICAL_SKELETON_PREVIEW_V1_3.html WHAT TO CHANGE — ONLY THESE 4 PAGES: → Redesign. Dark. Archivo Black dominant. No Playfair. → Redesign. 4 stats as large numerals. Gold on dark. → Redesign. Premium visual navigator. 9-act grid. → Refine. Minimal dark. Cinematic pause. FONT SYSTEM (only these three): Archivo Black/Bold — headlines Inter — body/data Source Serif 4 — editorial italic REMOVE Playfair Display (currently in P2 and P4 — wrong) COLOUR SYSTEM: Background: #0a0a0a or #04080F Signal red: #E8401C Gold: #C9A84C White body: rgba(255,255,255,0.85) STOP AT: DO NOT TOUCH: anything after this comment. DO NOT TOUCH: product codes, slot IDs, chapter structure, 55 hooks, 9 acts, 24 images. COPY: all page copy is already in the DOM — do not rewrite it. Manus redesigns the visual container only. TOUFIC APPROVAL FLAGS (preserve all): — keep every one exactly DELIVER: NEXA_ATR_2026_CHRONOLOGICAL_SKELETON_PREVIEW_V1_3.html NEXA_ATR_2026_SKELETON_BUILD_NOTES_V1_3.md (change log) ``` --- ## H — V1.3 ADD-ON QUEUE / PRODUCT UPDATE QUEUE This section is separate from the V1.3 Opening Recovery pass. Items here are catalogued for a future Product Update Pass — not merged into V1.3. **Queue status: Empty — awaiting Toufic's specific items** When product updates are ready, each item will be classified as: | Class | Description | |---|---| | **1 — Opening-related** | Affects P1–P15 directly. May belong in V1.3 if urgent. | | **2 — Product/catalog update** | Hold for Product Update Pass after V1.3 is approved. | | **3 — Recommended Picks update** | Affects P10 (Technologies to Watch), P11a, or P11b. Needs special approval. | | **4 — Asset-only update** | Image, visual, render, or atmosphere asset — can be applied without catalog changes. | ### Queue template (for each item when submitted) | Field | Value | |---|---| | Item name | | | Brand | | | Proposed chapter | | | Volume | | | Slot ID (if known) | | | Product code (if known) | | | Current product name (if replacing) | | | Requested change | | | Source / proof status | | | Affects P10 Technologies to Watch? | Yes / No | | Affects P11a/P11b Recommended Picks? | Yes / No | | Changes price? | Yes / No | | Changes product count? | Yes / No | | Risk level | Low / Medium / High | | Classification | 1 / 2 / 3 / 4 | | Recommendation | Include now / Hold / Reject / Needs source | ### Pending decisions carried from V1.2 (not new additions) These are existing blocked items — not product additions, just unresolved decisions: | Decision | Item | Current status | Slot | |---|---|---|---| | D1 | Devialet Phantom I vs Phantom II (slot_436) | BLOCKED — Toufic to confirm model | slot_436 | | D2 | Boston Dynamics Spot variant | BLOCKED — D2 unresolved; Doosan AI Mobile Robot in P10 as placeholder | slot_107 | | D3 | FB-001 — no product name in HTML | BLOCKED — Toufic to provide name | slot_265 | | D5 | Catapult Vector S7 — Ch.52 or Ch.53? | BLOCKED | slot_1267 | | D6 | Ch.46 SW prefix restructure — 19 empty slots | BLOCKED | Multiple | | D7 | Ch.55 Digital Twins — DT-001 to DT-006 empty | BLOCKED | Multiple | | D9a–d | Ch.48 editorial slots (masterplan, architecture, case study, before/after) | BLOCKED | slots 963–966 | | D10 | Ch.46 campaign slots (Nexa Maroc + Robocom VR) | BLOCKED | slots 659–660 | | D11 | slot_1024 Executive Briefing Room | BLOCKED | slot_1024 | --- ## CHANGE LOG TEMPLATE FOR V1.3 ``` NEXA_ATR_2026_SKELETON_BUILD_NOTES_V1_3.md Version: V1.3 Date: [build date] Source: Th11e_Nexa_Annual_Technology_Review_...html (V1.2 master) CHANGES FROM V1.2 TO V1.3: [ ] P2 — Opening Manifesto: Redesigned. Playfair Display removed. Archivo Black applied. [ ] P4 — Morocco's Digital Decade: Redesigned. 4 stats as dominant visual callouts. [ ] P14 — The Architecture: Redesigned. 9-act grid. Premium visual navigator. [ ] P15 — Enter the Review: Refined. Cinematic page-break quality. [ ] Playfair Display removed from Google Fonts import (if present). UNCHANGED FROM V1.2: [ ] P1 Cover — unchanged (robot image pending Toufic) [ ] P3, P5–P13 — unchanged [ ] All 55 chapter editorial hooks — unchanged [ ] All 9 act titles and chapter assignments — unchanged [ ] All 24 embedded product/editorial images — unchanged [ ] All product codes, slot IDs, names, prices — unchanged [ ] All SOURCE PENDING and TOUFIC APPROVAL NEEDED comments — preserved [ ] Everything after — unchanged VERIFIED: [ ] "Playfair" = 0 results in opening section [ ] "runway-page" = 14 divs [ ] All 4 Toufic approval flags preserved [ ] D1–D11 blocked decisions preserved [ ] FINAL9 catalog integrity intact ``` --- *V1.3 Build Package — NEXA ATR 2026* *Opening Recovery + Magazine Art Direction* *Claude · July 2026*