Canonical reference for every page template and shared component.
Page Templates
Template 1
Main landing page with hero, proof metrics, service grid, process steps, and CTA.
Example: /
Template 2 — Authority
Technical manual layout with navy hero, paper body, patent-drawing separators, and structured framework sections.
Example: /templates/operating-model
Template 3 — Capability
Service detail pages with bullet grid, execution sequence timeline, controls panel, and audience tags.
Example: /templates/pick-and-pack-fulfillment
Template 4 — Integration
Platform connection pages with flow diagram, scope definitions, failure prevention grid, and spec table.
Example: /templates/shopify-integration
Template 5 — Industry
Vertical-specific pages with challenge/solution pairing, infrastructure specs, and case snapshot with metrics.
Example: /templates/supplements-fulfillment
Template 6 — Resource
Editorial guide layout with structured content blocks, optional sidebar, download CTA, and related links.
Example: /templates/3pl-fee-breakdown
Template 7 — Case Study
Narrative results pages with large hero metric, problem/approach/execution phases, metrics grid, and pull quote.
Example: /templates/retail-compliance-turnaround
Shared Components
Component
Mega menu navigation with 7 top-level items, multi-column dropdowns, mobile toggle, and shield logo.
Component
5-column link grid with certifications bar (ISO, FDA) and legal links.
Component
Simple contact form with name, email, company, message fields plus honeypot and Turnstile CAPTCHA.
Component
Detailed inquiry form with volume and service selectors, designed for dark section CTA blocks.
Component
Auto-rotating carousel with 6 case studies showing headline metrics. 3/2/1 cards at desktop/tablet/mobile breakpoints.
Hero Image Prompts
Template 3 — Capability · patent-sketch-light
a cardboard shipping box with a FedEx-style shipping label affixed to the top, with dimension lines and patent callouts marking the box edges and label placement
A wide panoramic vintage 1940s US patent illustration on solid warm cream background, exact color RGB(244,241,235). A detailed hand-drawn a cardboard shipping box with a FedEx-style shipping label affixed to the top, with dimension lines and patent callouts marking the box edges and label placement rendered with fine crosshatching, dimension lines with arrows, and numbered patent callouts. Everything drawn with thin dark ink lines, exact color RGB(26,26,26), showing cross-hatching, stippling, and careful penmanship typical of mid-century patent draftsmen. The entire composition fills the full width edge to edge. No rectangular border, no frame. The drawing should look like it was made by a human patent illustrator with a fine-point pen, not computer generated.
Subject: pick-and-pack-fulfillment-data.js → heroImage.subject
Style: edgepress.config.json → heroImages.styles.patent-sketch-light
Template 4 — Integration · patent-sketch
Shopify shopping bag with the letter S, with connection diagrams flowing to small technical boxes
A wide panoramic vintage 1940s US patent illustration on solid dark navy blue background, exact color RGB(10,22,40). A detailed hand-drawn Shopify shopping bag with the letter S, with connection diagrams flowing to small technical boxes rendered with fine crosshatching, dimension lines with arrows, and numbered patent callouts. Flowing to the right are hand-drawn connection diagrams with dashed lines leading to small technical boxes. Everything drawn with thin cream-colored ink lines showing cross-hatching, stippling, and careful penmanship typical of mid-century patent draftsmen. The entire composition fills the full width edge to edge. No rectangular border, no frame. The drawing should look like it was made by a human patent illustrator with a fine-point pen, not computer generated.
Subject: shopify-integration-data.js → heroImage.subject
Style: edgepress.config.json → heroImages.styles.patent-sketch
CLI Tools
Templates 3 and 4 support auto-generated hero images via edgepress image:hero. The command reads heroImage blocks from *-data.js files, resolves the style from edgepress.config.json, calls fal.ai Flux to generate the image, and color-corrects the background to navy.
edgepress image:hero --dry-run
Shows what would be generated without calling the API or writing files.
edgepress image:hero --page shopify-integration --force
Generates (or regenerates) the hero image for one page. Use --force to overwrite an existing image.
edgepress image:hero --force
Generates hero images for every page that has a heroImage block in its data file.
FAL_KEY environment variable must be set.
Style templates are defined in edgepress.config.json under heroImages.styles. Each style specifies prompt structure, dimensions, and post-processing rules.
Add a heroImage block to the page's data file:
heroImage: {
src: "/images/hero/page-slug-hero.webp",
alt: "Description of the image",
style: "style-name",
subject: "Subject prompt for generation"
}