If we sold custom design,
our site would be a gradient hero
and three glass cards.

§ 02 · Position · Why we chose against the template

An agency’s site is a tell.

Look at any twenty agency homepages and you’ll see the same nine moves: a gradient hero, a centered three-line headline, a glow-button CTA, three pastel service cards, a “selected clients” logo bar, a portrait of a smiling team, a chunky testimonial slider, an animated stat row, and a duplicate of the hero CTA at the bottom. It’s a template. Once you see it, you can’t un-see it. And every agency that ships it is quietly conceding that their own design system is the same as everyone else’s.

We sell systems that rank. So our site had to look like a system, not a snowflake. The aesthetic you’re reading right now is the operator-equivalent of showing receipts: it signals what we care about (information density, editorial discipline, archival permanence) and what we don’t (decorative motion, hero glow, the lifestyle photography pile).

§ 03 · Manifest · The four decisions

Every choice on this page is functional.

1. Decision 01 · Editorial paper, not screen-blue

   The background is Cream #F5EDDA — warm paper, not the default near-white of a SaaS dashboard. It reads “documented” instead of “shipped.” Body copy is Pepper #1A1714, a near-black with a brown undertone. Pure black is too cold for an editorial register; navy is brochure code. We picked the color of ink, not the color of code.

2. Decision 02 · Serif headlines, monospace numerals

   Headlines are set in Instrument Serif — a contemporary editorial face that reads like a magazine pull-quote, not a startup wordmark. Numbers, section markers, and metadata are JetBrains Mono — because monospaced numerals tabulate, and tabulation is what a ledger does. The serif/mono pairing is the visual shorthand for “this is a working document, not a sales page.”

3. Decision 03 · Brass accents, not neon CTAs

   Accents are Brass #A78029 and Hull blue #0A2E47 — the colors of a brass nautical compass on a navy hull. The primary CTA is a hull-dark pill with a brass dot — restrained, not luminous. Glow buttons are an agency tell. Brass is “useful, hand-worked, owned.”

4. Decision 04 · Section numbering, like a contract

   Every section opens with a § number · berth · label rubric. It’s not decoration. It tells the reader exactly where they are in the document, sets an editorial expectation (this is structured, not a stream), and quietly demonstrates the topical-clarity discipline we apply to every client site. The site teaches you how to read it.

§ 04 · Translation · Why the Tampa port language

Tampa is a port town.

Miss Pepper is hailing from Port of Tampa — the brand brief was specific about that. So the metaphor is local, not borrowed. A site is a ship. A page is a berth. A case study is a haul. A guide is a log entry. A service spec is a manifest. It’s not whimsy — it’s a working vocabulary that lets us name section components consistently across 200+ pages, and it’s a tiny piece of brand defensibility: nobody else in Tampa SEO sounds like this.

§ 05 · Rejected · What we deliberately didn’t ship

The features we said no to.

The fastest way to describe a design system is to list what it refuses. Each of these is an industry default. Each one we left on the cutting-room floor on purpose.

• Gradient hero backgrounds. They date in 18 months. Cream paper doesn’t.
• Floating glass cards over a video loop. The video is buffering on a phone, the cards are unreadable in sunlight, and the bandwidth cost is real.
• Centered three-line hero headlines with a single glow CTA. The template every agency ships. We left-align ours and add a margin note in handwriting, because that’s how editorial pages have always worked.
• Stock photography of a smiling team in a glass conference room. If we had a smiling team in a glass conference room, we’d photograph it. We don’t, so we won’t.
• An animated counter that ticks up “1,500+ keywords ranked.” A number that animates is a number you don’t trust. Ours sit still — like numbers in a P&L.
• “World-class” anywhere on the page. Banned word. We have a list.