EBS · Concept E — Field Work
Internal · 18 August 2026
Design system
as built — concept E
Every token, face and interval “Field Work” actually ships, measured off the running page. North star: a night shift in a plant: warm dark ground, condensed shouting type, one work-light green.
- Deliverable
- E - Field Work.html
- Measured
- 18 August 2026 · computed-style probes in the preview browser
- Brand
- Client (EBS) · presented via trevor.marketing
Color
01
Palette, with measured contrast
All three concepts derive from the three colors sampled off the real EBS logo (blue #25468F, gray #828485, green #61BC49) — never from the old site's Elementor theme. Ratios below are measured on this concept's own grounds.
--ground
#1a1917
—
Page ground (warm dark)
--ink
#f0efeb
14.49:1
Display and headings
--ink-2
#c7c4bd
9.57:1
Body
--ink-3
#a4a19b
6.47:1
Eyebrows
--sig
#61bc49
7.36:1
EBS green — the lead accent, legitimate as TEXT on this ground
--sig-ink
#08110a
8.04:1*
Text on the green button. *measured on --sig
--surface
#242320
—
Cards, tabs, office blocks
The green rule, verified
EBS green is 2.30:1 on light grounds and ~7.3:1 on the dark ones. On this concept that means: legitimate as text — the dark ground flips the rule. Probed live: green text appears only in office phone links, measured 7.36:1.
Type
02
Faces and roles
Rendered in the real faces (all Google Fonts, embedded in the site as woff2 subsets: 10 woff2 subsets, 206 KB (Alumni Sans 600/700 · Barlow 400/500 · Space Mono)).
Forty lines. Two offices.
Alumni Sans 700 · uppercase123.8px / 0.94H1 — the condensed shout
Forty lines. Two offices.
Alumni Sans 700 · uppercase64.8px / 0.94Section headlines
Forty lines. Two offices.
Alumni Sans 600 · uppercase39.7px / 0.94Statement lead
Forty lines. Two offices.
Barlow 40015.5–16px / 1.62Body and ledes
Forty lines. Two offices.
Space Mono · uppercase11.5–12.5px Eyebrows, pagers, phone numbers, citations
Geometry
03
Shape, spacing, rules
- Radius: 1px — everything is a hair off square
- Controls: 44px minimum; green primary button carries near-black ink
- Rules: rgba(240,239,235,.145) / .075 — hairlines from the ink, not a gray
- Easing: cubic-bezier(.625,.05,0,1) — one house curve, JS-driven
Components
04
The parts, re-rendered from measured values
The concept is a single-file build, so these specimens are re-rendered here from the measured values rather than sharing its stylesheet. Every number came off the running page.
Primary button
Request a quote
Display
Forty manufacturers. One rep.
Label
01 / 04 · How the work runs
Green as text — legal here
605-342-2407 · measured 7.36:1
Motion
05
Timing and guards
| What | Measured |
|---|
| Reveals | IntersectionObserver + line-split spans (.ln-m/.ln-i) |
| Keyframes | 1 (ticker) |
| Reduced motion | handled — 2 @media blocks |
| Focus | :focus-visible styled, 2 rules |
Honesty
06
Where the build and the intent disagree
| Where | What ships | Consequence | Debt or decision |
|---|
| Line wall, offices, category grid | Script-rendered — empty divs in the HTML | Crawlers and no-JS readers see none of the 40 logos or the office addresses | Debt — server-render like the tab titles were on 18 Aug |
| CSS transitions read 0s | Motion runs through JS with the house ease | The stylesheet alone doesn't describe the motion | Decision, but note it here |
| Green flips role vs concept D | Text-legal at 7.36:1 on this dark ground | Same brand color, opposite rule — this is the HANDOFF contrast note working | Holds |
Measured from the shipped build, not a spec
Probes: getComputedStyle + WCAG ratios in the running page
18 August 2026