Case Study

VenturaNomadica.com

The Ventura Nomadica company website. Built end-to-end using Trail.

← Back to VenturaNomadica.com

trail/runs/intent-001/run-2026-03-08-14-27-44/tasks.md

tasks.md

What's this? →
# Run: run-2026-03-08-14-27-44
# Purpose: Define the atomic, verifiable tasks to build the Ventura Nomadica website

## Product Context (from `trail/meta/trail.md`)
Ventura Nomadica is a venture studio focused on human-centered systems, privacy-first products, and practical innovation. The website is a simple, clear, durable public presence that communicates what the studio is, what it builds, how it works, who they are, and the ventures in the portfolio. It is a hub, not a marketing-heavy sales funnel.

## Tasks

### T01 — Inventory Inputs
**Description:** Review all declared inputs that define structure, content, branding, and assets.
**Inputs:**
- `trail/meta/files/Ventura Nomadica Website.md`
- `trail/meta/files/Pages/About.md`
- `trail/meta/files/Pages/Contact.md`
- `trail/meta/files/Pages/Legal Notice.md`
- `trail/meta/files/Pages/Privacy Policy.md`
- `trail/meta/files/Pages/Terms of Use.md`
- `trail/meta/files/vn-style-guide.html`
- `trail/meta/files/vn-color-scheme.html`
- `trail/meta/files/Logos/MCM - Logo.png`
- `trail/meta/files/Logos/Trek Cumbs - Logo.png`
- `trail/meta/files/Logos/Trail - Logo.svg`
**Outputs:**
- Confirmed list of pages, navigation structure, and brand tokens to be used in build.
**Acceptance Criteria:**
- All inputs are read and the page list, nav menu, and style tokens are ready to apply in implementation.

### T02 — Create Site Scaffold
**Description:** Create a static site structure under `site/` with shared CSS and per-page HTML files.
**Inputs:** T01 outputs.
**Outputs:**
- `site/index.html`
- `site/about.html`
- `site/contact.html`
- `site/privacy.html`
- `site/terms.html`
- `site/legal.html`
- `site/field-notes.html`
- `site/assets/` (logo copies or references as needed)
- `site/styles.css`
- Optional: `site/scripts.js` (only if needed for nav/menu)
**Acceptance Criteria:**
- All HTML pages exist and load with a shared stylesheet.
- Directory structure stays within `site/`.

### T03 — Implement Global Layout
**Description:** Build the shared header, navigation, and footer across all pages based on the website structure definition.
**Inputs:**
- `trail/meta/files/Ventura Nomadica Website.md`
- `trail/meta/files/Pages/Contact.md` (for social links)
- `trail/meta/files/vn-style-guide.html`
- `trail/meta/files/vn-color-scheme.html`
**Outputs:**
- Consistent header/nav and footer on every page.
**Acceptance Criteria:**
- Header menu includes Home, About (with sub-items), Ventures (with sub-items/links), Field Notes, Contact Us.
- Footer menu includes Privacy, Terms of Use, Legal, Contact Us.
- Footer includes social links (LinkedIn, YouTube) sourced from Contact page.
- Navigation links work across all pages (internal links resolve; external links use correct URLs).

### T04 — Apply Brand Styling
**Description:** Implement the VN color palette, typography, spacing, and component styling per the style guide.
**Inputs:**
- `trail/meta/files/vn-style-guide.html`
- `trail/meta/files/vn-color-scheme.html`
**Outputs:**
- CSS tokens and component styles aligned to the VN design system.
**Acceptance Criteria:**
- Fonts use Playfair Display (display), DM Sans (body), DM Mono (mono).
- Colors match provided hex values and usage guidance.
- Buttons, cards, and layout reflect the provided style guide (clean, minimal, warm, directional).

### T05 — Build Home Page
**Description:** Implement the Home page content and layout exactly as defined.
**Inputs:**
- `trail/meta/files/Ventura Nomadica Website.md`
- `trail/meta/files/Logos/MCM - Logo.png`
- `trail/meta/files/Logos/Trek Cumbs - Logo.png`
- `trail/meta/files/Logos/Trail - Logo.svg`
**Outputs:**
- Completed `index.html` with hero line and four cards.
**Acceptance Criteria:**
- Hero copy reads: “A venture studio in motion ... come with us and explore.”
- Four cards appear in the body:
  - The Studio (card present, body empty).
  - Modern CX Mindset with provided tagline and logo.
  - TrekCrumbs with provided tagline and logo.
  - Trail with provided tagline and logo.
- Footer includes “Built with Trail Framework” linking to `trail.venturanomadica.com`.

### T06 — Build About Page
**Description:** Implement About page sections using provided content only.
**Inputs:** `trail/meta/files/Pages/About.md`
**Outputs:** `about.html`
**Acceptance Criteria:**
- Content matches the About page file (headings, paragraphs, lists) without rewriting or inventing copy.
- Section headings for “What we build”, “How we work”, and “Who we are” are present.

### T07 — Build Contact Page
**Description:** Implement Contact page with all provided email addresses and social links.
**Inputs:** `trail/meta/files/Pages/Contact.md`
**Outputs:** `contact.html`
**Acceptance Criteria:**
- All emails appear as mailto links where provided.
- Social links are rendered and match the URLs in the Contact page file.
- The “Note” section is present.

### T08 — Build Legal Pages
**Description:** Implement Legal Notice, Privacy Policy, and Terms of Use pages exactly as provided.
**Inputs:**
- `trail/meta/files/Pages/Legal Notice.md`
- `trail/meta/files/Pages/Privacy Policy.md`
- `trail/meta/files/Pages/Terms of Use.md`
**Outputs:**
- `legal.html`
- `privacy.html`
- `terms.html`
**Acceptance Criteria:**
- Effective dates and legal language match the source files verbatim (no edits).
- Headings and structure are preserved.

### T09 — Build Field Notes Page
**Description:** Create the Field Notes page so the navigation link resolves, without inventing content.
**Inputs:** `trail/meta/files/Ventura Nomadica Website.md`
**Outputs:** `field-notes.html`
**Acceptance Criteria:**
- Page renders with the global header and footer.
- No additional body copy is invented beyond a page title derived from the nav label.
- Any assumption about missing content is recorded in `results.md`.

### T10 — Verify Navigation and Visual Consistency
**Description:** Ensure every page renders correctly with consistent styling and functional navigation.
**Inputs:** All built pages and styles.
**Outputs:** Updated pages/CSS as needed.
**Acceptance Criteria:**
- All internal links resolve to existing pages.
- External links match provided URLs.
- Typography and colors remain consistent across all pages.
- Site feels minimal, clear, and human-centered per Ventura Nomadica principles.