# Design Brief — PNW Select Rope

**Project slug:** pnw-select-rope
**Direction (from design system):** Depart
**Generated:** 2026-04-25
**Sources:**
- project/pnw-select-rope/design-system/pnw-select-rope-design-system-final.md
- project/pnw-select-rope/design-system/scanned.md
- project/pnw-select-rope/assets/logo.jpeg
- project/pnw-select-rope/mockups/mockup-manifest.json (reference only — Phase 1 mockups predate this brief)
- Operator inputs (audience: Retailers / Distributors / OEM / Tradeshows; sitemap: Home / About / Events Calendar / Contact / Products; competitor anti-references: samsonrope.com, denverrope.com, newenglandropes.com; thesis seed: anti-Samson — small, direct, modern)

## Creative Thesis

A small-shop Pacific Northwest rope wholesaler showing up like the trade-savvy alternative to the big-catalog suppliers — confident, material-honest, and visually current — where four buyer types each find their lane in five seconds and the spec does the talking instead of the marketing.

## Audience

Wholesale buyers — never end-consumers — across four distinct lanes that converge on this site for different reasons. Retailers (regional farm/marine/outdoor stores) decide whether PNW Select can hold MAP and ship clean packages on time. Distributors (mid-tier partners moving pallets) decide whether stocking programs and lot-level documentation are real. OEMs (boat builders, arborist gear makers, theater riggers, ag manufacturers) decide whether the engineering specs and certifications hold up to their own QA. Tradeshow partners decide whether it's worth booking a meeting at IFAI / Western Vet / Agritechnica before the floor opens. None of them want lifestyle marketing; all of them want named accounts, specific numbers, and a clean way to talk to a human rep.

## Tone Keywords

- confident
- specific
- unhurried
- material-honest
- trade-savvy

## Anti-Keywords

- corporate-industrial
- big-catalog
- rustic-cosplay

## Brand Narrative Hooks

### Wholesale-by-design (four front doors)

**Hook:** PNW Select sells to four buyer types whose decisions are not interchangeable, so the homepage offers four front doors instead of one funnel.
**Visual translation:** Audience-named entry tiles surface in or directly under the hero (Retailer · Distributor · OEM · Tradeshows), each with its own verb-led CTA and a gunmetal-bordered card (the `--color-border-strong` hairline — the "buckle hardware" cue from the Steel and Rawhide palette); segmented language carries through into Products and the CTA band.

### Pacific Northwest provenance

**Hook:** Olympia, WA shop floor and Pacific NW industry roots — maritime, arborist, ranch — are the actual value proposition, not the brand color.
**Visual translation:** Place-rooted texture (rope macro, dock-line and timber context, plant-floor process when assets exist); duotone treatment in `--color-primary` over `--color-neutral-900`; an "Olympia, WA · since 1987" lockup as a footer signature; Pacific NW context shows up explicitly in the About hook and the Showcase gallery.

### Spec-savvy, not spec-shy

**Hook:** Tensile curves, lot numbers, ISO/ASTM certifications, and named customers are treated as content, not buried in a downloadable PDF.
**Visual translation:** Numerical typography as a structural element in the Signal hero; mono-set SKU and lot numbers throughout; spec tables, cert badges, and break-test datapoints used as visual content (not as fine print); the `№` glyph for issue/lot references.

### Tradeshow-as-front-door

**Hook:** Buyers meet PNW Select at industry events first and on the website second; the site has to honor the show floor, not pretend it doesn't exist.
**Visual translation:** A "Where to Find Us" event-card module is a first-class homepage section; on Anchor it sits directly under the hero so a stale events page doesn't sink the first impression; CTAs include "Book a Meeting at [Show]" alongside the standard quote/spec asks.

## Imagery Strategy

**Approach:** no-photos
**Available assets:** Logo only (`assets/logo.jpeg` — horse-head-from-rope mark on hard black ground; `assets/images/` is empty). No product macros, plant shots, working-site context, team portraits, or tradeshow imagery exist yet.
**Treatment notes:** Until real photography is sourced, mockups must lean on inline-SVG rope cross-sections, splice diagrams, plant-floor line drawings, and color-blocked typographic compositions in `--color-primary` over `--color-neutral-900`. When photos eventually arrive, treatment is duotone (primary over neutral-900), tight crops on rope detail / lay / splice / lot stamp, working-site context only (marina dock lines, arborist rigging, commercial fishing decks, plant floor), and a `--color-bg` overlay at 60–75% on any hero photo. Real product/place photography must be sourced before Phase 2 / theme build — this is a blocker, not a stylistic preference.

## Section Emphasis Priorities

- **Hero:** Audience-aware. Anchor surfaces a 4-tile buyer-type selector inline with the headline; Showcase goes silent (no overlay text); Signal replaces the headline with oversized numerical spec type.
- **Services:** Reframe the canonical `services.html` as Products — buyer-segmented (Retailer / Distributor / OEM / Tradeshow filters) with cert tags and lot-traceability surfaced in cards, never a 12-up SKU grid.
- **About:** Lead with the Olympia plant + named team + 38-year datelined claim; heritage is secondary to current-day capability and the Pacific NW shop floor.
- **Social proof:** Named, datelined customer logo strip ("Supplier of record for Olympia Marine Works since 2011") plus a single oversized blockquote — no rotating carousel; trade-publication mentions count.
- **CTA band:** Direct and audience-specific ("Request a Quote" / "Request Stocking Program" / "Request Engineering Samples" / "Book a Meeting at [Show]"); never "Submit" or "Learn more."

## Motion Profile

**Profile:** balanced
**Notes:** Quiet fade-ins and hover lifts capped at 4px; no parallax, no auto-playing carousels, no bouncy easing. Use `--duration-base` (300ms) for transitions; `--duration-slow` (500ms) reserved for hero entrance only. Motion is deliberate, not decorative — matches the workwear-stencil personality.

## Variant Bets

### Anchor (mockup-1)

**Base pattern:** Anchor — balanced, classic professional. Split hero, alternating sections, card grid.
**Client-specific bet:** A wholesale-first homepage that treats Retailer, Distributor, OEM, and Tradeshow as four front doors so a buyer lands in their own lane within five seconds.
**Hero treatment:** Split composition. Left column carries a mono eyebrow ("Wholesale rope · Olympia, WA · since 1987"), a Playfair Display headline in `--color-text`, a short supporting paragraph, and a 4-tile audience selector in gunmetal-bordered cards (Retailer · Distributor · OEM · Tradeshows) — each tile names its own verb-led CTA, with the audience-priority tile promoted to a copper-rust top accent. Right column shows an inline-SVG rope cross-section detail (until product photography exists, this stands in).
**Section ordering overrides:** Move the "Where to Find Us" tradeshow band immediately under the hero so a fresh tradeshow signal anchors social proof; About moves below Products.
**Do:**
- Eyebrow labels in `--font-mono` for SKU-stamp feel; uppercase wordmark "PNW SELECT ROPE" in display semibold with `--tracking-wide`.
- Render the four audience tiles as buyer-segmented path cards with audience-specific CTA microcopy ("Request Wholesale Pricing" / "Request Stocking Program" / "Request Engineering Samples" / "Book a Meeting at [Show]").
- Lead the About section with the Olympia plant + 38-year datelined claim; heritage is secondary to current capability.
- Use a named, datelined customer logo strip with mono dates instead of a rotating testimonial.
**Avoid:**
- No 12-up SKU grid on the homepage — the audience-path cards replace it.
- No "Shop Now" / "Learn More" / "Submit" CTAs anywhere — verbs must be specific to the buyer's task.
- No illustrated buyer-type icons inside the audience tiles; keep them text-led with gunmetal hairline borders.

### Showcase (mockup-2)

**Base pattern:** Showcase — image-forward, editorial. Full-bleed hero with overlay, large imagery, parallax.
**Client-specific bet:** An editorial material study where the rope itself — its lay, splice, lot stamp, and Pacific NW working context — is the only subject and advertising language gets out of the way.
**Hero treatment:** Full-bleed hero on `--color-bg` carries an oversized inline-SVG rope-macro composition (cross-section + splice detail rendered in `--color-primary` line work) with no overlay text whatsoever; the headline lives in a separate full-width section directly below the hero, set in `--text-5xl` Playfair Display normal weight with italic emphasis on one or two words.
**Section ordering overrides:** Place the gallery section directly under the hero (before Products) so the material reads first; the tradeshow "Where to Find Us" band moves to a quiet end-of-page slot.
**Do:**
- Treat section transitions like turning catalog pages — large `--space-32`-class vertical breathing room, no busy dividers.
- Build the gallery as a tight 4-up grid of inline-SVG specimen plates (and rope macros once photography exists), no captions on the grid; let the material carry it.
- Use Playfair italic on emphasized words in section headings, exactly as the design system's hero spec recommends.
- Surface mono-set lot numbers and tensile values in product detail callouts as visual content, not as fine print.
**Avoid:**
- No marketing-speak headline overlay on the hero — the hero is silent.
- No lifestyle photography or "smiling customer service" stock even after assets arrive — pure product, plant, and working-site only.
- No rotating carousel anywhere on the page — the gallery is a static grid.

### Signal (mockup-3)

**Base pattern:** Signal — text-forward, typographic. Full-bleed type hero, color-blocked sections, icon cards.
**Client-specific bet:** A typographic broadside where the spec is the headline — diameter, breaking strength, cert, lot ID set in display type — and no photography is needed because the data does the talking.
**Hero treatment:** Pure typographic hero. Oversized Playfair Display numerical type ("12mm · 50m · 8,500 lb · ISO-2307") fills the viewport in `--color-text`; a small mono kicker ("№ PNW-001 / Lot 24-118") sits below; CTA pair inverts (rawhide pill on `--color-bg` + copper-rust outline ghost — Signal earns the chromatic copper accent because the page is otherwise pure type and one signal CTA needs to land). No image at all.
**Section ordering overrides:** Stats band moves directly under the hero so spec data lands second; spec tables replace the standard 3-up "value props" row entirely.
**Do:**
- Render service cards as inline-SVG technical drawings (cross-sections, splice diagrams, lay configurations) in `--color-primary` line work over `--color-bg`.
- Use mono numbered eyebrows ("№ 01 / Sourcing", "№ 02 / Construction", "№ 03 / Testing") as structural devices that segment the page.
- Color-block sections in `--color-bg` / `--color-bg-alt` / `--color-neutral-800` to give the page typographic rhythm without adding chroma.
- Populate the stats band with real spec data (yields, tolerances, lengths, ISO/ASTM certs) and trade publication mentions — never marketing metrics.
**Avoid:**
- No product photos anywhere on the page; Signal lives or dies by the typography.
- No standard pull-quote testimonial — substitute a published spec citation or a trade-publication mention.
- No corporate-industrial orange/black gradient hero — chroma stays restricted to rawhide + a single copper-rust signal CTA over cool gunmetal neutrals.
- No filled icons; only line drawings or pure type.

## Anti-Moves

- No Samson-style 12-up product/SKU grid on the homepage — wholesale-by-default means audience paths first, catalog browsing second.
- No stock-photo handshakes, hard-hats pointing at blueprints, or smiling-at-laptop imagery — design system Voice & Tone forbids consumer-marketing photography.
- No rotating testimonial carousel — use a named, datelined logo strip plus a single oversized blockquote instead.
- No corporate-industrial orange/black gradient hero — chroma comes from rawhide + a single copper-rust signal CTA over cool gunmetal neutrals, never a spectrum gradient.
- No fabricated team-photo grid — `assets/images/` is empty and the design system Voice & Tone forbids stock-style "people smiling at a laptop"; do not invent or stock-photo a team.

## Notes

- **Sitemap divergence handled in design system, surfaced here for clarity.** PNW Select's real sitemap is Home / About / Events Calendar / Contact / Products. The canonical 4-file mockup structure (per the design system's Sitemap & Canonical-File Mapping section) maps `index.html` → Home, `about.html` → About, `services.html` → Products, `service-single.html` → Product Detail. `events.html` and `contact.html` are deferred to Phase 2 (winning variant only). Anchor's "Where to Find Us" homepage band is the inline tradeshow preview so a stale calendar page does not sink the first impression.
- **Tradeshow signal interpretation.** "Tradeshows" in the audience list means PNW Select meets buyers at IFAI / Western Veterinary Conference / Agritechnica-style events, not that the brand exhibits casually. The Events Calendar page is a real Phase 2 surface with show schedule, booth numbers, and bookable meetings. The brief surfaces tradeshow social proof on the homepage in all three variants, with weight tuned per variant.
- **Brief postdates Phase 1 mockups; palette refresh postdates the brief.** The existing Phase 1 mockups (Field Manual on parchment, Spec Sheet on cool off-white, Showroom on warm sandstone) were composed before this brief existed AND before the 2026-04-26 palette refresh to Steel and Rawhide. They were built on the earlier warm-only "saddle cream + brass" palette in light-mode departures from the design system's dark identity. Phase 1 must be regenerated against the current Steel and Rawhide tokens (cool gunmetal foundation, rawhide brand interactive, copper-rust signal CTA, parchment text) and the anti-Samson thesis before client review.
- **No client design inspiration was provided.** The thesis is operator-seeded ("anti-Samson — small, direct, modern") + design system + skill judgment, not client-driven. If the client surfaces references later, revisit the variant bets — competitor anti-references (samsonrope.com, denverrope.com, newenglandropes.com) drove the anti-moves but did not seed any positive direction.
- **Asset blocker.** Real product/place photography must be sourced before Phase 2 / theme build. Until then, Showcase pivots from photo-led to SVG-specimen-led; this is documented in the imagery strategy but bears repeating because the theme build will not look right with placeholder photography.