← All explorations

the manual

Brand Direction — fieldscout.cc/the-manual/

April 2026 · Direction Document

Purpose

This document defines the strategic design direction for the manual.

It explains the core idea behind the identity, the principles that shape the system, and the application surfaces that prove the system works in practice.

This is a direction document. It establishes the logic of the system and the reason it exists in this form. The companion guidelines document specifies implementation rules. The companion voice guide governs editorial behavior. Direction comes first because everything else follows from it.

Product Thesis

the manual is not a publication in the editorial sense. It is a structured knowledge system for cyclists.

Its role is to answer recurring questions with clarity, evidence, and utility. It is designed to work for people who need a direct answer and for machines that retrieve, summarize, and cite those answers.

Most cycling media competes on volume, access, novelty, or sponsor-safe repetition. the manual takes a different position:

Field Scout points. the manual explains. That division of labor is the relationship between the two surfaces at fieldscout.cc, and it determines the shape of everything here.

Brand Idea

the manual is a system that explains.

That idea needed a form that could express trust, structure, and usefulness without borrowing the usual cycling tropes or generic editorial templates. The resulting direction is built around one generative form: the pennant.

What We Explored

Several directions were explored before landing on the final system.

The Index
A serif-led editorial direction with warmth, readability, and familiar publication cues.
Worked as a reading experience but was too safe. No distinctive structural signature.
The System
An infrastructural direction built around information architecture and classification.
Excellent logic, but too cold. Order without warmth or reading pleasure.
The Stele
An architectural, high-contrast direction with stronger atmosphere and memorability.
Compelling in isolation, but too severe for sustained reading and quick lookup.

The Hybrid Phase

A combined version pulled pieces from all three. It was competent, but felt assembled rather than inevitable. It solved several problems without creating a clear idea of its own.

The breakthrough came when the system stopped being composed from references and started being generated from one form.

The Breakthrough

The pennant became the system.

Not as a logo applied to pages, but as a grammar that could generate hierarchy, classification, proportion, and transition. This is what made the identity feel authored rather than assembled.

The pennant works because it does more than identify the brand. It gives the system a structural logic. It carries several useful associations at once: a mark of origin, a signal of classification, a durable fixed form, a shape with directional geometry, and an object that feels native to the subject without relying on category cliche.

The Pennant as Grammar

The pennant generates the system in four ways.

Proportion

The pennant's 5:7 width-to-height ratio provides a proportional basis for layout. On desktop, the content column occupies 71.4% of the viewport. This gives the system an internal logic that can be repeated across templates rather than improvised page by page.

Threshold

The lower angle of the pennant becomes the chevron. That chevron marks transition points across the interface. Three weights — hero, section, end — create a family of thresholds rather than a single ornamental motif.

Classification

The pennant silhouette becomes a classifier. Miniature pennants, filled with a fixed titanium tone per content type, replace generic bullets and tags. The shape becomes both a navigation element and a type signal.

Hierarchy

The scarcity of serif type and the use of chevron thresholds create a clear sense of rank. The system does not need decorative emphasis because hierarchy is already built into the structure.

Polished Ti
#656260 · Reference
Gold
#72633a · FAQ
Brushed Ti
#5a5650 · Glossary
Near-black
#2a2825 · Tools

Design Principles

  1. The pennant is grammar, not decoration. If the pennant is removed, the system should lose structure, not just branding.
  2. Color classifies. Color does not decorate the interface. It identifies content type and helps orientation.
  3. Serif is scarce. Display serif appears only at the highest level of hierarchy. Its rarity is what gives it weight.
  4. Thresholds matter. Hero chevrons, section chevrons, and end chevrons create a repeatable rhythm of transition throughout the system.
  5. Trust is visible. Trust is not implied by tone alone. It is made legible through source handling, review metadata, verification dates, and structural clarity.
  6. Tools lead. Many users arrive with a task. Tools are not buried beneath editorial framing.
  7. Whitespace is structural. Space signals hierarchy, pace, and usefulness. It is not applied as atmosphere alone.
  8. The system should outlast the subject. Remove cycling references and the identity should still hold. The structure needs to be strong enough to work as a knowledge system in any domain.

Material and Typographic Direction

The system is warm, restrained, and technical. Its visual language is built from a warm neutral field, a dark ink foreground, titanium-derived classification tones, and a restrained serif/sans/mono hierarchy.

Display type DM Serif Display — titles only
Body type Inter — body, UI, navigation
Metadata type IBM Plex Mono — labels, dates, counts
Field #f0efeb — warm neutral ground
Ink #0f0e0c — near-black foreground
Content grid 5:7 ratio (71.4%) on desktop
Chevrons Hero (1.5px/0.22), Section (1px/0.12), End (0.75px/0.06)
Pennant markers 14 × 20px standard, 10 × 14px small

The key rule is not variety. It is control.

Application Surfaces

The direction has to prove itself across actual product surfaces, not just hero frames. What follows in this document and in the mockup gallery below are the nine page types that demonstrate the system works at every scale.

  1. Homepage — structured table of contents. Tools first, then Reference, FAQ, Glossary. Immediate, navigable, confident.
  2. Reference Article — where trust is earned through depth. Serif title, clear reading flow, visible trust signals: sources, author, reviewed by, last reviewed, last verified.
  3. FAQ — the most compressed explanatory surface. Answers first, expands only as needed.
  4. Glossary — the most reduced page type. Exact, spacious, definition-led.
  5. Calculator Tool — functional surface. Precise and useful, not editorialized.
  6. Map Tool — task-based interaction with filters, location results, and status information.
  7. Section Index — classification system at collection scale.
  8. About Page — institutional trust surface. States what the manual is, how trust is earned, and how it relates to fieldscout.cc.
  9. Shop Entity — structured local knowledge. Verified facts, editorial assessment, community signal, provenance.

About Page

The About page belongs in the direction document because it proves the brand can explain itself institutionally.

This is where the system states what the manual is, what it is not, how its four content types work, how trust is earned, how uncertainty is handled, and how it relates to fieldscout.cc.

The About page is not marketing copy. It is a statement of role, standards, and editorial posture. If the homepage shows utility, the About page shows institutional confidence.

Shop Entity Template

The shop entity template proves the system can handle local knowledge, not just articles and tools. This surface matters because it combines several information types in one place: verified business facts, editorial assessment, community signal, nearby context, and operational trust metadata.

The page works when those layers remain distinct. It should not read like a review, a directory listing, or sponsored local content. It should feel like a structured profile with visible provenance.

The strongest parts of the template are the identity block, the "Good for" hook, the fact grid, the separated provenance cards, and the trust strip at the bottom. Together, they show that the system can support nuanced, high-utility local pages without losing editorial discipline.

Derivative Surfaces

The system also needs to hold in compressed contexts. Map overlay cards are the clearest example.

They prove that the hierarchy can survive at smaller scale if the essentials remain intact: pennant, name, status, a few key facts, and a clear path to the full profile. A good system should remain legible when compressed.

Relationship to Field Scout

Field Scout and the manual are related but distinct.

Field Scout is the editorial surface. the manual is the explanatory surface. Field Scout selects and points. the manual structures and explains.

The systems should feel connected in discipline, but not collapsed into one voice or one visual behavior.

Designed for Humans and Machines

the manual is built to serve two audiences: people who arrive with a question and machines that retrieve, summarize, and cite answers on their behalf.

Structured data, clean markup, visible trust metadata, and clear section hierarchy are not secondary concerns. They are primary design features. Every page is built for direct human reading and for accurate machine retrieval in GEO and AEO environments.

What This Direction Is Not

The goal is neither neutrality nor theater. The goal is a durable, authored system for trusted explanation.

Working Rule

If a choice makes the system more expressive but less structured, reject it.

If a choice makes the system more stylish but less useful, reject it. If a choice weakens trust, classification, or clarity, it does not belong in the manual.


What follows is the design at both mobile and desktop scale, across all nine application surfaces.

1 / Homepage
2 / Reference Article
375px — article
Reference

Saddle Height Basics

How to set saddle height using the 109% inseam method, the heel method, and the Holmes knee-angle method.

Why Saddle Height Matters

Saddle height is the single most important bike fit parameter. Set too low, you lose power and stress your knees. Set too high, you rock your hips, lose efficiency, and risk injury over time.

The 109% Inseam Method

Measure your inseam in centimeters. Multiply by 1.09. The result is your saddle height from the center of the bottom bracket to the top of the saddle.

saddle height = inseam (cm) × 1.09

This method provides a reliable starting point. Not a substitute for a professional bike fit but gets you within a workable range.

The Heel Method

Sit on the saddle with your heel on the pedal at 6 o'clock. Your leg should be fully extended. When you clip in, you should have a slight bend — typically 25–35 degrees at the knee.

Sources
Hamley & Thomas (1967), Bike Fitting Institute
Author: FSCC Editorial · Reviewed by: J. Mitchell · Last verified: March 2026
1040px — article
Reference

Saddle Height Basics

How to set saddle height using the 109% inseam method, the heel method, and the Holmes knee-angle method.

Why Saddle Height Matters

Saddle height is the single most important bike fit parameter. Set too low, you lose power and stress your knees. Set too high, you rock your hips, lose efficiency, and risk injury over time.

The 109% Inseam Method

Measure your inseam in centimeters. Multiply by 1.09. The result is your saddle height from the center of the bottom bracket to the top of the saddle.

saddle height = inseam (cm) × 1.09

This method provides a reliable starting point. Not a substitute for a professional bike fit but gets you within a workable range.

The Heel Method

Sit on the saddle with your heel on the pedal at 6 o'clock. Your leg should be fully extended. When you clip in, you should have a slight bend — typically 25–35 degrees at the knee.

Sources
Hamley & Thomas (1967), Bike Fitting Institute
Author: FSCC Editorial · Reviewed by: J. Mitchell · Last verified: March 2026
3 / FAQ
375px — faq
FAQ

Should I Get a Bike Fit?

Direct Answer

If you ride regularly and experience discomfort, numbness, or pain — or if you're investing in a new bike — a professional fit is almost always worth it.

When a Fit Matters Most

Riders who clock more than two rides a week, or who have changed bikes, saddles, or cleats recently, benefit most.

When You Can Skip It

If you ride casually a few times a month, feel comfortable, and have no pain, a fit is optional.

Trust basis
Industry consensus, FSCC editorial review
Last verified: March 2026
1040px — faq
FAQ

Should I Get a Bike Fit?

Direct Answer

If you ride regularly and experience discomfort, numbness, or pain — or if you're investing in a new bike — a professional fit is almost always worth it.

When a Fit Matters Most

Riders who clock more than two rides a week, or who have changed bikes, saddles, or cleats recently, benefit most.

When You Can Skip It

If you ride casually a few times a month, feel comfortable, and have no pain, a fit is optional.

Trust basis
Industry consensus, FSCC editorial review
Last verified: March 2026
4 / Glossary
375px — glossary
Glossary

Cadence

The rate at which a cyclist turns the pedals, measured in revolutions per minute (RPM). A typical recreational cadence is 60–80 RPM. Trained road cyclists often sustain 85–100 RPM.

Why It Matters

Cadence affects power output, muscle fatigue, and cardiovascular load. Higher cadences shift effort toward the cardiovascular system; lower cadences load the muscles more.

Trust basis
Exercise physiology consensus
Last verified: March 2026
1040px — glossary
Glossary

Cadence

The rate at which a cyclist turns the pedals, measured in revolutions per minute (RPM). A typical recreational cadence is 60–80 RPM. Trained road cyclists often sustain 85–100 RPM.

Why It Matters

Cadence affects power output, muscle fatigue, and cardiovascular load. Higher cadences shift effort toward the cardiovascular system; lower cadences load the muscles more.

Trust basis
Exercise physiology consensus
Last verified: March 2026
5 / Calculator Tool
375px — calculator
Calculator

Tire Pressure Calculator

Enter your weights, tire width, and setup. Results are starting points.

lb
Road
185
28
18
Smooth tarmac
Suggested pressuresCalculated
Front
78psi
Try ±2: 76–80
Rear
82psi
Try ±2: 80–84
Sources
SILCA methodology, Frank Berto
Last verified: March 2026
1040px — calculator
Calculator

Tire Pressure Calculator

Enter your weights, tire width, and setup. Results are starting points.

lb
Road
185
28
18
Smooth tarmac
Suggested pressuresCalculated
Front
78psi
Try ±2: 76–80
Rear
82psi
Try ±2: 80–84
Sources
SILCA methodology, Frank Berto
Last verified: March 2026
6 / Map Tool
375px — map tool
Map Tool

Local Bike Shops Finder

Curated directory of independent bicycle shops.

AllNortheastPacific NWMidwest
Map Interface
Red Lantern BicyclesWalk-in
RiveloWalk-in
Ordinary Bike ShopBy Appt
Blue LugWalk-in
1040px — map tool
Map Tool

Local Bike Shops Finder

Curated directory of independent bicycle shops.

AllNortheastPacific NWMidwest
Map Interface
Red Lantern BicyclesWalk-in
RiveloWalk-in
Ordinary Bike ShopBy Appt
Blue LugWalk-in
7 / Section Index
8 / About Page
375px — about
About the manual
A structured knowledge system for cyclists

the manual is the explanatory surface of fieldscout.cc. It answers recurring questions with clarity, evidence, and utility.

It is not a magazine, a blog, or a review site. It is a reference system built for people who need a direct answer and for machines that retrieve, summarize, and cite those answers.

Four Content Types

Reference articles explain subjects in depth. FAQs give direct answers to common questions. Glossary entries define terms precisely. Tools perform calculations and lookups.

How Trust Is Earned

Every page carries visible trust signals: named authors, review dates, verification dates, and cited sources. When evidence is uncertain, the manual says so.

Field Scout and the manual

Field Scout selects and points. the manual structures and explains. They share a domain but serve different purposes.

1040px — about
About the manual
A structured knowledge system for cyclists

the manual is the explanatory surface of fieldscout.cc. It answers recurring questions with clarity, evidence, and utility.

It is not a magazine, a blog, or a review site. It is a reference system built for people who need a direct answer and for machines that retrieve, summarize, and cite those answers.

Four Content Types

Reference articles explain subjects in depth. FAQs give direct answers to common questions. Glossary entries define terms precisely. Tools perform calculations and lookups.

How Trust Is Earned

Every page carries visible trust signals: named authors, review dates, verification dates, and cited sources. When evidence is uncertain, the manual says so.

Field Scout and the manual

Field Scout selects and points. the manual structures and explains. They share a domain but serve different purposes.

9 / Shop Entity
375px — shop entity
Shop
Red Lantern Bicycles
127 SE Division St, Portland, OR 97202
Open · Closes 6pm
Good for
Steel and titanium builds with a touring focus
Specialty
Custom builds
Brands
Surly, Crust, Soma
Service
Full-service
Fit
By appointment
Verified by
FSCC Editorial · March 2026
Source
On-site visit, owner interview
Last verified: Mar 2026 Added: Jan 2026 Status: Active
1040px — shop entity
Shop
Red Lantern Bicycles
127 SE Division St, Portland, OR 97202
Open · Closes 6pm
Good for
Steel and titanium builds with a touring focus
Specialty
Custom builds
Brands
Surly, Crust, Soma
Service
Full-service
Fit
By appointment
Verified by
FSCC Editorial · March 2026
Source
On-site visit, owner interview
Last verified: Mar 2026 Added: Jan 2026 Status: Active

Brand Direction · the manual by FSCC · fieldscout.cc/the-manual/ · April 2026