# Integrating *The Three Questions* into broadcapadvisory.com **Prepared:** 31 August 2026 **Source package:** `Downloads/BCA_Three_Questions_Publication/` (built 11 August 2026) **Target:** the live site as captured 30 August 2026 The site now carries six articles across two series, plus a dedicated Perspectives index. --- ## 1. Defects found in the publication package and fixed The package was well built, but five things would have broken or degraded on upload. | # | Defect | Why it matters | Fix applied | |---|---|---|---| | 1 | All 24 absolute URLs used the apex host `https://broadcapadvisory.com` | The live site canonicalises to `https://www.broadcapadvisory.com/`. Canonical tags, `og:url` and JSON-LD `mainEntityOfPage` pointing at the other host variant split canonical signals and make social scrapers follow a redirect | Rewritten to `www.` throughout — 8 references per page | | 2 | OG images referenced `/img/og-*.png` | There is no `/img/` directory on the live site; the convention is `assets/brand/`. LinkedIn and X would have found nothing and fallen back to no image | Images placed in `assets/brand/`; the 3 references per page repointed | | 3 | No favicon link on any of the three pages | The other three article pages carry one; new tabs would show a blank icon | `assets/brand/bca-favicon.svg` added after the canonical tag | | 4 | Masthead drew the BCA mark as an inline SVG approximation — a white circle with "BCA" set in Georgia | Not the firm's mark. The live pages use the real asset; two different logos across six articles in one series set | Replaced with `assets/brand/BCA Logo.png` at 62px, matching the live article masthead exactly. Brand block now links home, as the live pages do | | 5 | Pages stamped `article:published_time` / `datePublished` / `dateModified` as `2026-08-02` | Publishing today with an August 2 date is backdating, and search engines read it | Set to `2026-08-31`. One search-and-replace if you want a different date | --- ## 2. What was built **`insights.html`** — a Perspectives index listing all six articles under their two series, newest first. Built from the site's own `styles.css`, header and footer, so it inherits the design system rather than copying it. Carries its own canonical, Open Graph tags and `CollectionPage` JSON-LD. **Homepage Insights section** — now features *The Three Questions* as the three cards, with the gradient feature panel reading READY? / BANKABLE? / WHAT NEXT?, and a **View all Perspectives →** button into `insights.html`. The Capital Allocation series stays fully live and is reachable from the index. **Navigation** — the "Insights" link in the main nav and the footer now points at `insights.html` instead of the `#insights` anchor. **PDFs** — the three A4 press editions are in `downloads/`, and each article now carries a "Download this paper as a PDF ↓" line above its resource block. No dead links: the files are in the same upload. **`sitemap.xml`** — rebuilt with all eight URLs, `insights.html` at priority 0.9 and the new articles at 0.8. --- ## 3. Verification Run against all eight pages: - **0 broken local references** — every `href` and `src` resolves to a file that exists - **0 broken anchors** — every `#fragment` matches an `id` on its target page - **0 non-www absolute references** remaining - **0 orphaned articles** — all six are linked from at least one page - **0 console or network errors** on render, in headless Chromium - Rendered and inspected at 1280px and 390px --- ## 4. Two things to decide **Read times on the Capital Allocation cards were overstated.** The live homepage advertised those three articles as 7, 6 and 6 minutes. They are ~735 words each — about 3 minutes. `insights.html` states 3 minutes. The Three Questions papers are genuinely 5–7 minutes at 1,169–1,431 words. **The mark has been settled.** See section 6. --- ## 5. Upload Upload the whole tree to the web root. Nothing is renamed and nothing is deleted; the changed files are: ``` NEW 04_Ready_or_Not.html NEW 05_Bankable_to_Whom.html NEW 06_One_Machine.html NEW insights.html NEW assets/brand/og-ready-or-not.png NEW assets/brand/og-bankable-to-whom.png NEW assets/brand/og-one-machine.png NEW downloads/BCA-Three-Questions-Part-1-Ready-or-Not.pdf NEW downloads/BCA-Three-Questions-Part-2-Bankable-to-Whom.pdf NEW downloads/BCA-Three-Questions-Part-3-One-Machine.pdf EDIT index.html (Insights section, nav and footer links) EDIT sitemap.xml (8 URLs) ``` After upload, run the three new URLs through the LinkedIn Post Inspector and the X card validator to force a fresh scrape of the OG images. --- ## 6. Brand mark — white disc on dark grounds **Rule applied:** wherever the BCA mark sits on a dark ground, it is the white disc mark. The disc carries its own white ground and its own margin; it is never a plate drawn behind a transparent logo. The site previously used `assets/brand/BCA Logo.png` — gold letterforms in a faint ring on transparency — which on the navy header and near-black footer left the ring almost invisible and the mark reading as floating letters. **Asset added:** `assets/brand/BCA_mark_disc.png` (512×512 lossless PNG, from the canonical brand asset). One file, browser-cached, used at every placement. **Placements changed — 10 in all:** | Page | Placement | Ground | |---|---|---| | `index.html` | header, footer | navy / near-black | | `insights.html` | header, footer | navy / near-black | | `01`–`03` | article masthead | `#11113f` | | `04`–`06` | article masthead | `#11113F` | **Two CSS problems fixed at the same time.** The site's `.logo img` rule carried `clip-path:inset(10%)` and `transform:scale(1.14)` — a crop-and-zoom that compensated for padding in the old asset. Applied to the disc it would have cut into the ring. The same rule added `filter:drop-shadow(0 2px 5px #0006)`, and the brand standard prohibits a shadow on the mark. Both are neutralised by a single rule appended to `styles.css`: ```css .logo img.mark{clip-path:none;transform:none;filter:none;object-fit:contain} ``` No logo element anywhere on the site now carries a `background-color`, `padding` or `border-radius` — verified by grep across `styles.css` and all eight pages. Rendered and inspected at every placement, desktop and mobile. **Two deliberate exclusions:** - **The hero watermark** (`.hero-seal` on `index.html`) keeps the old asset. It is decorative texture at 7.5% opacity, `aria-hidden`, sized at 80vw — not a logo placement. A white disc there would read as a large pale circle behind the headline. - **The JSON-LD `logo` / publisher references** still point at `BCA Logo.png`. These are structured data for Google, not a dark-ground placement. Worth switching to the disc separately, since the disc reads correctly on any ground and the transparent mark does not — but that is an SEO decision, not this one. --- ## 7. BCA Working Papers 2026 — WP01–04 **Source package:** `BCA_Working_Papers_2026.zip` (BCA/WP/2026/PACK-001, 30 August 2026) Four papers added as `07`–`10`, continuing the site's existing numbering. The Perspectives index now carries three series; the working papers sit at the top as the newest. | File | Ref | Title | Words | |---|---|---|---:| | `07_Unsigned_Offtake.html` | BCA/WP/2026/001 | Why Your Offtake Is Unbankable — and Why a Better Counterparty Won't Fix It | 1,871 | | `08_Evidence_Ladder.html` | BCA/WP/2026/002 | Your Model Isn't Weak. It's Just Yours. | 1,829 | | `09_Adverse_Bundle.html` | BCA/WP/2026/003 | The Tornado Chart Is Not a Stress Test | 1,685 | | `10_Selection_Loop.html` | BCA/WP/2026/004 | The Firm That Never Says No Doesn't Get More Deals. It Gets Worse Ones. | 1,934 | ### What the package required The package was the best-documented of the three sets — self-contained pages, zero external requests, every load-bearing claim anchored to a primary source, and the mark already embedded as the white disc. Six changes were needed to land it on this site. | # | Item | Resolution | |---|---|---| | 1 | `REPLACE-WITH-BCA-DOMAIN` in every `` — 6–7 per page | Resolved to `https://www.broadcapadvisory.com` | | 2 | Pages assumed CMS routes `/insights/` and `/assets/insights/` | Rewritten to this site's flat-file convention: `07_Unsigned_Offtake.html`, cards in `assets/brand/` | | 3 | Category links to `/insights/category/bankability-readiness`, `/model-integrity`, `/practice-economics` — no such routes exist | Repointed to `insights.html`. The three categories are recorded in each page's `article:section` and JSON-LD `articleSection`, so the taxonomy survives for search even without routes | | 4 | Palette Navy `#303070` / Gold `#F09030` (the 25 Aug standard) against a site running `#202060` / `#EFA03A` | **Papers retuned to the site palette** — 11 colour values remapped per page, including tint and rule greys. See the note below | | 5 | Standalone masthead, and **no link back into the site** — every page was a dead end | Replaced with the site's navy masthead (disc mark, Perspectives / Solutions / Contact) and a site footer. All ten article pages now share identical chrome | | 6 | A stale build comment instructing the reader to replace the domain placeholder | Removed | Also done: favicon added to each page; the four A4 PDFs placed in `downloads/` with a "Download this working paper as a PDF ↓" line above the sources section; the four 1200×630 social cards placed in `assets/brand/`; the JSON-LD publisher logo repointed at the disc mark; and the site masthead lifted out of `
` so the navy bar runs full-bleed rather than inheriting the article's side padding. ### The palette decision, and the thing it exposes Retuning the papers to the site was the instruction, and it is done. It is worth recording what it means, because the direction is backwards. The papers were built to Navy `#303070` / Gold `#F09030` — the standard set on 25 August 2026. The website has never been moved to it. So brand-new work has been retuned *away* from the current standard to match a site that predates it. That is the right call for consistency today and the wrong resting place. Three further points sit underneath it: - **The site runs a fourth accent nobody has accounted for.** Site chrome uses teal `#007c89` for section labels, card links and the contact block. No article page uses teal at all. It is the largest single inconsistency on the site and it is in the chrome, not the articles. - **`bca-brand-mark` still names the deprecated `#2E3B6B`.** The package's README flags this too. Until that one line is corrected, every deck and case study built from the skill inherits the old navy. - **Retuning back is cheap.** Every colour in all ten article pages is a custom property at the top of a `:root` block. Moving the whole site to `#303070` / `#F09030` is a defined, mechanical job. ### Verification Across all twelve pages: 0 broken references, 0 broken anchors, 0 non-www absolute URLs, 0 articles missing from the index, 0 console errors, 0 external requests from the working-paper pages. Palette remap confirmed complete — none of the nine superseded colour values remains in any of the four pages. Rendered and inspected at 1200px and mobile. ### Not done, and why - **The homepage still features The Three Questions.** The working papers are newer and arguably stronger, but changing what the homepage leads with is an editorial decision, not an integration one. - **WP01's press edition** (BCA/OPED/2026/001) is not published to the site. It is cut for BusinessDay/Arbiterz and is a separate piece; publishing it here first would spend it. - **`_series/BCA_WP_Series_Pipeline.md` is internal** and is not in this package. - **Launch sequencing is untouched.** The README calls for WP01 and WP02 together, WP03 and WP04 at a fortnight's spacing. All four pages are live-ready now; releasing the index cards on that schedule is a publishing decision. --- ## 8. Insights section — visual redesign The homepage Perspectives section had a measurable layout defect, not a stylistic one: the grid stretched every card to the feature card's height and nothing filled cards 2 and 3. | Card | Height | Dead space below the read link | |---|---:|---:| | 1 — feature | 573px | 35px | | 2 | 573px | **245px (43%)** | | 3 | 573px | **270px (47%)** | Six changes: 1. **Card footer pinned to the bottom edge** — `margin-top:auto` and a hairline rule. All three cards now close on the same horizontal line, so leftover space reads as deliberate rather than unfinished. This is the fix for the defect above. 2. **Metadata reordered.** Two meta lines sat *above* the title, pushing the headline down and competing with it. Author and read time moved to the footer; the title now follows the series label directly. 3. **Feature panel 260px → 124px.** It was setting the height of the whole row. Card height 573 → 392px; section height 1050 → 828px. 4. **Panel gradient rebuilt.** Navy-to-orange across a diagonal went muddy through the middle, with orange type over an orange field. Now a single navy family with the questions numbered 01/02/03 in gold — the numerals make it read as a sequence. 5. **Card borders dropped.** `#DED8CC` on `#F6F4EF` was nearly invisible. White cards on mist with a two-layer shadow and a 3px hover lift. Grid gap 18 → 24px. 6. **Closing bar replaces the floating CTA.** A solid navy block sat orphaned bottom-left. Now a full-width rule with "View all Perspectives →" left and "Ten papers across three series" right — the section closes, and the depth of the library is finally visible on the homepage. The section `h2` clamp also came down from 68px to 50px; the series name had been set larger than the firm's own section identity. All new rules are appended to `styles.css` under a single commented block and scoped to `.insights-v2` / `.v2-grid`, so the previous styling is untouched and the change is reversible by removing one section and one class. ### Still open - **Only one of three series appears on the homepage.** The closing line now says how many exist, but the other seven papers are one click away rather than visible. - **The section eyebrow is 11px and the series name is 50px.** A first-time visitor meets a large phrase before they meet the firm's section identity. - **The teal `#007c89`** in site chrome is overridden to orange at some breakpoints and not others — part of the palette question in section 7. --- ## 9. Brand mark — raster to vector **Reported:** the mark rendering as a white square with chamfered edges rather than a disc. **Diagnosis.** Neither the CSS nor the asset was at fault. Computed styles on all 14 placements showed no `background-color`, `padding`, `border-radius`, `box-shadow` or `clip-path`, and the alpha channel of `BCA_mark_disc.png` is a clean circle with fully transparent corners (verified by sampling the channel directly). In a headless Chromium the mark rendered as a correct disc at every size. The fault was therefore environment-specific PNG alpha compositing — the class of problem that disappears when nothing has to be composited. **Two things were wrong, and the second is the more likely culprit.** 1. **The favicon was a chamfered square.** `bca-favicon.svg` was `` — a navy rounded rectangle with a gold ring inside it. That is the icon in the browser tab, in bookmarks, on a phone home screen and in the PWA manifest. It contradicted the disc rule everywhere it appeared. Rewritten as a ``. 2. **The mark was replaced with the MP-supplied artwork.** The vector substitution trialled first was rejected on appearance. The mark now in use across the site is the file supplied by the MP on 31 August — thin navy ring inset from the disc edge, larger gold serif letters, soft drop shadow — installed as `assets/brand/bca-mark.png` at 512×512 (3× the largest placement) and used at all 14 visible positions, in the four JSON-LD publisher-logo references, as the apple-touch-icon, and in the web manifest. Its alpha channel was checked before installation: the corners are fully transparent and the silhouette is a true circle, so nothing composites as a square. It was proofed against every ground it sits on — `#11113f`, `#202060`, `#09091F` and white — at both 62px and 92px. The favicon is regenerated from the same artwork at 96px (`bca-favicon.png`), replacing the rounded-square SVG. Three superseded assets were removed: `BCA_mark_disc.png`, `bca-mark.svg` and `bca-favicon.svg`. **Verified:** all 12 pages load with no console or network errors; every mark element is square-boxed and renders as a disc; no reference to a retired asset remains anywhere in the site. Mobile overflow from section 8 remains fixed at 320 and 390px.