Skip to content
01Design Guide

The Prospectus.

A quiet-luxury pitch book, turned into a website — warm paper, gold leaf, hairline frames, and a serif with exactly one weight. Every rule on this page was lifted from the deck we present at our Business Opportunity Meetings, and every rule on this page is kept by the page itself.

The page is the specimen
02Color

Seven colors. No more.

Ink for the words, paper for the ground, gold for everything the eye should find first. One accent hue on the entire site — when everything is quiet, one color is enough.

Ink

#15191F

Primary text — every word starts here.

Paper

#F7F3EC

The warm base. The page is never white.

Deep Paper

#ECE6DA

Deeper paper — footers, alternate ground.

Gold

#9C6F2E

The accent — eyebrows, numerals, borders.

Mid Gold

#B9883F

Strokes and shape outlines.

Light Gold

#CAA05A

Captions and gradient highlights.

Hairline

#C8A565

Rules and corner ticks.

The gold gradient — headlines & fills only
03Type

Two faces. One arrangement.

Marcellus announces; Jost explains. The serif carries a single weight, so hierarchy comes from size and from tracking — the smaller the words, the wider they stand.

Statement · Marcellus · clamp(2.8rem, 7vw, 6.4rem) · lh 1

Excellence, in building.

Display · Marcellus · clamp(2.3rem, 5vw, 4.5rem) · lh 1.03

Warm paper. Gold leaf.

Display small · Marcellus · clamp(2rem, 3.8vw, 3.3rem)

One serif, one weight.

Body · Jost 300 · 1rem–1.06rem · lh 1.6

Jost carries everything that is not a headline. It sits light at weight three hundred, runs a line height of 1.6, and holds copy to a comfortable measure. The serif above does the announcing; this face does the explaining — and if you are reading this without effort, the system is doing its job.

The tracking ladder

The loudest signal in the system: micro-labels stretch wide, display type barely moves. Each row below is set in its real class.

.42emBusiness Opportunity
.34emEst. 2007 · Dallas–Fort Worth
.24emYears in the business
.005emDisplay barely moves.
04Signature Moves

Four moves. One signature.

Each of these appears on every page of the site. And each one below is real — not a picture of the move, the move itself.

The eyebrow lockup

02Our Story

A Marcellus numeral, a hairline fading to nothing, a label tracked to .42em. Every section on the site opens with one — including all six on this page.

The gold turn

Three paths. One decision.

Ink states the premise; the gradient takes the turn. Exactly one gold span per headline, always the back half.

The framed plate

EIB Agency leaders in formal red and black on the steps of the Lincoln Memorial
The plate at work

An inset gold hairline, a warm shadow, corner ticks, and a Ken Burns drift measured in half-minutes. Photography never sits bare on the paper.

The watermark numeral

A section, in miniature

Marcellus at watermark scale, five percent opacity, bleeding off the corner. The number brands the section; the copy stays legible over it.

05Motion

Nothing moves without a reason.

One easing curve, small distances, and a standing rule that nothing decorative demands your attention twice. The proof is below — watch it once, then scroll away and back.

01
One curve

Every transition rides easeOutQuart — cubic-bezier(.22, .61, .36, 1). No springs, no bounce, no exceptions.

02
Reveals play once

Content rises at most 32 pixels over .9 seconds the first time it enters view. Scroll back up and nothing replays.

03
Photography drifts

Every plate runs a slow Ken Burns — scale 1.02 to 1.15 over roughly half a minute, alternating direction. Slow enough to miss, which is the point.

04
Numbers arrive

Counters climb to their value in 1.3 seconds, easeOutCubic, the moment the stat scrolls into view.

05
Reduced motion is honored

Ask your operating system for less motion and the reveals become instant, the drift stops, and every counter lands on its number immediately.

The counter · 1.3s · easeOutCubic
0

It counted to 2,007 the moment you arrived. It will not do it again.

The reveal · .9s · plays once

This block rose thirty-two pixels to meet you — once.

Scroll away and back; it stays put. Reveals resolve over .9 seconds on easeOutQuart and never replay.

06Provenance

Nothing invented. Everything inherited.

This system was not designed for the website and then given a story. It was extracted, rule by rule, from the deck the agency presents at every Business Opportunity Meeting — the palette, the tracking, the frames, the pacing, all of it lifted from slides that had already done years of work in the room. The deck itself remains live; where the two ever disagree, the deck wins.

The previous site's design has been retired; its content is archived in the project docs. Everything worth keeping was carried forward onto this paper.

§ · The Prospectus — the design system of eibagency.com, derived from the EIB Agency Business Opportunity Meeting deck.