●   The Newcomb & Boyd Brand System  ·  Edition 2.0  ·  Second Century

Built to Perform.
& Designed to Operate.

A firm that has shaped a century of American engineering does not need to shout. It needs a system as thoughtful, calm, and durable as the buildings it designs. This is that system — the operating manual for how Newcomb & Boyd shows up in the world.

§ Prepared for partners, studio leaders, marketing, BD, and design partners  ·  Atlanta · Charleston · Raleigh-Durham
100+
Years of practice
5
Integrated studios
3
Southeast offices
1
Discipline: integration
01Brand Foundation
02Voice & Behavior
03Logo System
04Color Architecture
05Typography
06Studio Identities
07Component Library
08Media & Imagery
09Applications
10Governance
Chapter 01  ·  Foundation
01

The Firm, Distilled.

Before visuals, before voice — the essence. Who Newcomb & Boyd is when no one is watching, and why that matters to every decision, every slide, every proposal, every drawing.

Brand Purpose

To Help Clients Design and Operate Facilities That Remain Resilient, Reliable, and Ready for What's Next.

Every piece of work we produce is in service of this purpose. It is how engineering becomes stewardship.
Brand Belief

Buildings Are Ecosystems.

Buildings are more than structures. They are ecosystems of performance, technology, sustainability, and human experience. The most successful facilities are those designed as complete systems with long-term operations in mind — from the beginning. Owners and design partners need engineering teams who listen first, simplify complexity, and guide decisions with data, clarity, and accountability.
Mission

Partners to the Places Where People Learn, Heal, Work, and Gather.

We partner with universities, healthcare systems, developers, and workplace owners to deliver comprehensive engineering and operational solutions that are intuitive, intentional, and built to perform. We help clients meet practical, environmental, and financial objectives through integrated engineering, sustainability leadership, and building intelligence.
Vision

The Most Trusted Engineering Partner for the Next Generation of High-Performance Buildings.

As we advance into our second century, we will continue strengthening our legacy by helping clients lead through change — shaping a more resilient and sustainable future through efficiency, wellness, building intelligence, and long-term performance that endures far beyond day one.
Core Values · The six disciplines that shape how we work
01
Trust & Accountability

We earn confidence by showing up prepared, speaking plainly about options and risk, and taking ownership of long-term outcomes. Our relationships last for decades because we stay involved beyond design and construction.

02
Integration as Methodology

Drawing on our foundational MEP-T expertise, we design buildings as complete systems where disciplines inform one another and evolve continuously. Integration is how we create value.

03
Clarity in Complexity

We help identify options, understand trade-offs, and translate technical realities into clear decisions. Owners trust us to explain trade-offs, identify risks, and recommend solutions without jargon or false simplification.

04
Long-term Thinking

We design for decades and generations, anticipating regulatory change, technology evolution, and operational needs that extend far beyond project turnover.

05
Advisory Before Delivery

We help owners make better decisions before design begins. Our highest value starts in the room where options are presented, evaluated, and trade-offs discussed — preventing lost opportunities that come from designing what has always been done.

06
People-first Partnership

We work relationship-first, building teams that feel like an extension of the client. Our culture is calm, steady, and focused on the client's success.

What we are not

We Want to Be Known for Who We Are. This List Exists for Clarity About Who We Are Not.

—

Not a Large Siloed Vendor

We are a firm of interdependent disciplines, not departments with walls between them.

—

Not Designed for Day-One Delivery

Our work is measured across decades of operation, not weeks of ribbon-cutting.

—

Not Innovators-for-Innovation's-Sake

We adopt technology that serves people and performance, not novelty.

—

Not Overly Technical Communicators

We never leave owners confused. Jargon is a tell that we haven't thought clearly enough yet.

—

Not a Shop of Canned Solutions

Every project is a thinking exercise before it is a deliverable.

—

Not Passive Followers

We are active collaborators — the voice in the room that asks the better question.

Chapter 02  ·  Voice
02

How Newcomb & Boyd Sounds, Writes, and Behaves.

Our voice is not a marketing flourish. It is how engineering stewardship sounds when it is done well — calm, specific, and unmistakably ours.

The three brand traits
01
Quietly Confident

We know what we know, and we are not afraid to speak plainly about it. We do not oversell. We do not hedge. We simply understand our work and communicate it with directness and respect.

Composed Direct Substantive Never boastful
02
Strategically Clear

We translate complexity without oversimplifying. We help owners see what they are deciding between before they decide. Our clarity is not a style — it is a professional obligation.

Plainspoken Precise Guided Owner-literate
03
Deeply Engaged

We listen first. We show up early. We stay long after turnover. Our voice reflects the temperament of a partner invested in outcomes that extend far beyond the project.

Attentive Long-horizon Curious Relationship-first
● Do This
  • Lead with outcomes, not capabilities.
  • Use plain language. Avoid insider jargon.
  • Acknowledge complexity, then simplify it.
  • Speak to long-term value, not just project delivery.
  • Include specific proof points when possible.
  • Write the way you would speak to a senior owner in a room.
  • Let numbers do the talking; let certainty remain calm.
● Avoid This
  • Generic superlatives — "best-in-class," "world-leading."
  • Service lists without context or outcomes.
  • Technical language that excludes non-engineers.
  • Innovation for innovation's sake.
  • Overselling, hype, exclamation points.
  • Passive voice when ownership is the point.
  • Abbreviations before defining them — even MEP-T.
Example rewrites  ·  before → after
Generic
"Best-in-class MEP engineering solutions for mission-critical facilities."
Engineering systems you can trust when the stakes are highest — patient towers, research labs, data centers.
Abstract
"We deliver innovative, sustainable, high-performance building design."
We design buildings as systems, so every decision compounds across decades of operation.
Self-focused
"With over 100 years of expertise, Newcomb & Boyd is a recognized leader."
A century of practice, still measured one decision at a time.
Jargon-heavy
"Leveraging BIM-enabled, IoT-integrated, Cx-verified MEP-T delivery."
We coordinate mechanical, electrical, plumbing, and technology together — so what we design is what operators can actually run.
Our highest value starts in the room where options are presented — before design begins.

Writing Standards

Consistent emphasis is a brand asset. The rules below govern how we bold, italicize, color, and punctuate written content — from a proposal cover to a two-sentence social caption — so hierarchy reads the same across every artifact the firm produces.

Emphasis · what each one means
Bold Names, questions, key definitions, single high-signal words in a paragraph. One or two uses per paragraph, no more.
Italic Titles of works, foreign words, subtle vocal emphasis inside body copy, and the italic emphasis words in display titles.
Signal Red italic Reserved for one or two emphasized words inside a display title. Never in running body copy.
MONO RED Eyebrows, section numbers, tag labels, and technical metadata. All caps, +0.14em tracking.
Underline Links only. Never for emphasis — it collides with hyperlink affordance.
Punctuation & cadence
  • Em dashes. Grammatical only — interrupting clauses, sharp asides. Never a stylistic default. AI-generated writing over-uses them; we don't.
  • En dashes. Number ranges only (2022–2026, pages 12–18). Never as a hyphen replacement.
  • Interpuncts  ·  Paired-heading separator, metadata separator (Atlanta · Charleston · Raleigh). Always spaced with   on both sides.
  • Serial commas. Always. "Mechanical, electrical, and plumbing" — not "mechanical, electrical and plumbing."
  • Ampersands. Reserved for the wordmark, paired-studio names ("Campus & Research"), and the amp glyph in the mega tier. Never mid-sentence in body copy.
  • Exclamation points. Never in prose. Never in email signatures. Rarely, in social replies, when warmth is the whole point.
  • Title Case for titles and headings. Every major word capitalized: "Built to Perform," "One Firm. One System." Skip the small connectors — a, an, and, as, at, but, by, for, in, of, on, or, the, to. Body copy and ledes stay sentence case; only the mega hero manifesto uses sentence case for the statement itself.
The rules in one paragraph

Gregory Johnson, partner in Studio 01, has led the firm's campus-and-research practice for twenty-two years. His work at the University of Tennessee, Knoxville Zeanah Engineering Complex earned the firm its third consecutive USGBC Regional Award. What separates the practice is not the project count — it is the number of engineers still on the account a decade after turnover.

 · Bold on the name and the key-signal clause.  · Italic on subtle vocal emphasis.  · No red in body.  · No em dashes as decoration.

Chapter 04  ·  Color
04

A Disciplined Palette. A Precise Signal.

Color is structural, not decorative. The old system carried seven secondary hues without hierarchy. The new system organizes around one signal, a functional neutral scale, and five reserved studio hues — each earned.

Core palette
Hero · Equity mark
Signal Red
HEX #DA2B1F
PMS 485 · RGB 218/43/31 · CMYK 0/92/95/0
Ink · cap
Ink
#222222
Graphite
Graphite
#2A2D31
Slate
Slate
#4A5058
Steel
Steel
#8F9193
Mist
Mist
#DBDEE2
Vellum
Vellum
#F4F2ED
Paper
Paper
#FAF9F6
Signal ramp · for data viz, state, emphasis
950
#4C0F09
700
#A21F16
500 · Base
#DA2B1F
200
#F6C7C2
50 · Surface
#FCEEEB
Studio palette · each hue reserved for one studio

Each studio earns one hue. Signal Red remains Newcomb & Boyd's corporate signature; studio hues may accompany it but never replace it. In unified corporate work, studio hues are muted to their tint equivalents.

Studio
Oxford
Campus & Research
#1E3A5F
PMS 303 · Scholarly depth
Studio
Meridian
Healthcare
#0F625B
PMS 3295 · Clinical calm
Studio
Basalt
Civic & Commercial
#3E4A52
PMS 432 · Public gravitas
Studio
Brass
Building Performance
#B8862B
PMS 118 · Intelligent warmth
Studio
Ember
Building Experience
#9B3A28
PMS 1805 · Sensory copper
Studio color · two-variant system

Each studio color exists in two brightness variants so the color reads on both light and dark surfaces. The on-light value goes on paper/content slides; the on-dark value goes on covers, section dividers, and photography-backed surfaces so a dark studio color doesn't disappear into a dark image. A light tint is also reserved for light-slide fills when a dark studio color would be too heavy on paper. In code, one deck token swaps both variants automatically. Currently the firm ships with Signal Red only; per-studio variants stay registered for the studio-brand launch.

Studio On light On dark Light tint
Default · Firm #DA2B1F Signal Red #DA2B1F Signal Red #FCEEEB Signal 50
Healthcare · Meridian #0F625B #3EAEA3 mint teal #DCEAE9
Building Performance · Brass #B8862B #E5B44E gold #F4EAD2
Building Experience · Ember #9B3A28 #E9765F coral #F1DED8
Campus & Research · Oxford #1E3A5F #6089B8 sky #E5EAF0
Civic & Commercial · Basalt #3E4A52 #A3B0BA light basalt #E1E5E8
Approved pairings · accessibility-checked (WCAG AA body text minimum)
Ink on Paper
17.3 : 1  ·  AAA
Ink on Paper
17.3 : 1  ·  AAA
Signal on Vellum
4.7 : 1  ·  AA large
White on Oxford
10.2 : 1  ·  AAA
White on Meridian
7.0 : 1  ·  AAA
Ink on Brass
7.6 : 1  ·  AAA
White on Ember
6.4 : 1  ·  AA
Color usage · proportions

Color has a hierarchy of volume. Neutrals do the heavy lifting — paper, vellum, ink, and mist carry the surfaces and the type. Signal Red is a pulse: it earns attention because it is rare. Studio hues are secondary accents that identify a practice without dominating it. If a layout looks red or looks like one studio's color owns the page, the proportions are wrong.

Paper  ·  55%
Vellum  ·  20%
Ink  ·  12%
5%
5%
Neutrals · ~87%Signal Red · ~5% (accent)Studio hues · ~5–8% total (accent)
Dominant · ~85–90%
Neutrals carry the system

Paper, vellum, ink, mist. These are the only colors allowed on a full page, full section, or full-bleed background. Everything readable lives on a neutral.

Accent · ~5%
Signal Red is the pulse

Top rules, italic emphasis on one to two words in a display title, mono callouts. Never as a page background, never on a full headline, never on a long run of text. If red is more than about 5% of what you see, it's too much.

Accent · ~5–8% total
Studio hues are markers

A small chip, a top rule, a badge, a dot, a light-tint field. Never as a page or section background. When a studio color is present at all, it's identifying which practice is speaking — not decorating the surface.

Signal Red · how to use it

Accent, Not Surface.

Signal Red is the pulse — it earns attention because it is used sparingly. Treat it as an accent that lives inside a neutral system, never as a dominant background or the color of a long string of text. The moment red covers a full section, wraps a whole headline, or paints multiple sentences in a row, it stops signaling and starts shouting.

  • In display titles — use Signal Red to emphasize one or two words. Words highlighted in red must always be italicized. Never color a full phrase, sentence, or long string of words in red.
  • In JetBrains Mono callouts — eyebrows, section numbers, and tag labels may be set in Signal Red at 10–12px, uppercase, +0.14em tracking. This is the approved red-in-metadata treatment.
  • In statistics and data points — the numeral and its unit symbol (%, +, B, M, T, K, $) both render in Ink #222222. No red anywhere on a statistic — not the number, not the unit. Emphasis on the stat comes from scale, not color.
  • As a rule / stroke — the red line appears only at the top of a layout, component, or card as a signature stroke. Never use red as a body divider between paragraphs or list items — that job belongs to the thin gray rule.
  • Studio hues — accents only. Studio color may appear as a dot, a rule, a badge, or a tint background. It never fills a section, dominates a page, or replaces Signal Red as the corporate signature.
Display title · approved
Engineering you can trust.
Statistic · approved
40 %
Average energy reduction
Rule · top of layout only
A red stroke crowns the container. Inside the container, dividers between rows are thin gray rules.

Never Do This · Color.

Signal Red is a signal, not a surface. Studio hues accent, they do not dominate. When in doubt, less red.

Don't use red as a full section background
Don't put white text or the logo on a full-bleed red background
Don't color a full headline in red
Engineering you can trust.
Don't set long body copy in red
A century of practice, five integrated studios, and one discipline — integration — that runs through everything we design.
Don't color any part of a statistic red
40%
Don't use red rules as body dividers
Don't color the full logo in red
Don't use studio hues as page backgrounds
Don't mix multiple studio hues on one surface
Divider treatments
Standard · thin gray rule
1px solid var(--border) (Mist #DBDEE2). Use between rows, list items, sections, and any generic content separation. Quiet by default.
Signal · top-of-layout only
2–3px solid var(--signal). Reserved for the top edge of a layout, card, hero, or component as a signature stroke. Never inside content as a divider.
Shape language
Sharp corners
Every container, card, chip, pill, button, badge, and box uses a border-radius: 0. Softened corners belong to lifestyle brands, not engineering firms.
Triangle markers
Bullets, subtitle markers, section leaders, and any small graphic indicator use a triangle — the brand's signature shape. Circular bullet dots are retired from the system.
PORTRAIT
Circular portraits
The one place a circle is approved. Portrait crops always use border-radius: 50% — never squares or rectangles.
Chapter 05  ·  Typography
05

One Family, Full Weight Range. Engineered, Not Ornamented.

Two typefaces do the work: Gotham carries display and body; JetBrains Mono handles technical metadata. No editorial serif — display tension comes from weight, size, and tracking, not from a second font. A choice that reads as engineering firm, not lifestyle brand.

Gotham
Primary · display, UI, and body
Use Everything. Headlines, body, UI, wordmark, navigation, captions.
Weights 300 (Light), 400 (Book), 500 (Medium), 700 (Bold) — with matching italics. Gotham Black (800) is intentionally excluded.
Display tactic Two tiers. The mega tier (--display-mega) uses Light 300 at hero scale for cover statements and image-backed surfaces. The display tier (--display-xxl through --display-m) uses Medium 500 to Bold 700 at -0.028em to -0.045em tracking, line-height 0.92–1.02 — for regular page and section titles.
Why The geometric sans that defined a generation of American identity design. Reads as precise at 11px and as confident at 168px. Licensed for the full system — print, digital, proposals, and third-party collateral — so the wordmark and the body copy share the same DNA.
Fallback Helvetica Neue, Arial, system-ui sans-serif
Built to Perform.
JetBrains Mono
Technical · monospace
Use Data labels, project numbers, eyebrows, metadata, code, specifications, drawing-sheet stamps
Weights 400, 500, 700
Features Tabular figures · precise alignment
Why An engineering firm deserves a mono typeface that feels engineered. Crisp at small sizes, distinctive in metadata, disciplined enough to anchor every eyebrow and caption in the system.
Fallback SF Mono, Menlo, Consolas
MEP-T · 2026
Why no serif

Editorial serifs are having a moment — and that's exactly the problem. Newcomb & Boyd is a century-old engineering firm, not a lifestyle brand with a seasonal type story. A single well-tuned sans reads as considered and permanent; a second display serif would read as fashion. When we need editorial weight, we get it the engineer's way: with typographic restraint — heavier weight, tighter tracking, compressed leading.

Mega tier · --display-mega

Built to Perform.
& Designed to Operate.

The mega tier is a separate instrument from the regular display scale. It exists for one job: carrying the firm's voice at hero scale — over photography, on presentation cover slides, and on the opening surface of a website or proposal. Gotham Light (300) at editorial size; italic em in signal red carries the cadence. Only two colors ever appear in the mega display — the base text (paper on dark, ink on light) and Signal Red on emphasized words. The ampersand runs at full strength alongside the rest of the statement — no gray, no faint, no third accent.
Use for   Hero sections · presentation covers · titles over photography · proposal opening surfaces
Never use   Page titles · section headers · body content · components · anywhere the regular display tier already fits
Tokens   Gotham 300 · clamp(56px, 9.5vw, 152px) · 0.94 line-height · -0.04em tracking

Weight Specimens · Gotham

Gotham Light · 300
Lightness and air
Gotham Book · 400
Regular body
Gotham Medium · 500
Medium anchor
Gotham Bold · 700
Display hero
Gotham Bold Italic · 700
Italic emphasis.

Hierarchy Scale

The scale is fluid. Sizes grow with the viewport using clamp(). Never override these tokens for one-off layouts; if a size is missing, extend the system.

TokenScaleFamilyPreview
--display-mega56–152px / 0.94Gotham 300Built to Perform.
--display-xxl56–168px / 0.92Gotham 500Built to Perform.
--display-xl44–96px / 0.98Gotham 700A second century of practice.
--display-l34–64px / 1.02Gotham 700Designed to operate.
--h136–64px / 1.05Gotham 700Engineering that holds up.
--h228–42px / 1.1Gotham 700Integration as methodology
--h320–26px / 1.25Gotham 500Chapter heading · section title
--body-l18px / 1.6Gotham 400Lead paragraphs in editorial content.
--body16px / 1.6Gotham 400Standard running body.
--eyebrow11px / 1Mono 500PROJECT 2024 · DESIGN-TO-OPERATE
Presentations · office fallback

In Presentations, Use Arial and Consolas.

PowerPoint, Word, and other Office platforms don't reliably render licensed Gotham or JetBrains Mono on partner or client machines. In those environments the production stack — enforced by the capabilities-deck toolkit and the Master Template — is Arial for display and body, and Consolas for eyebrows, page numbers, TOC numbers, and numeric metadata. Both ship with Microsoft Office on Windows and macOS, so nothing needs to be installed on a client machine. Never substitute Calibri, Helvetica, or an unlicensed Gotham lookalike.

  • — All weights are Regular in decks. Emphasis is italic + Signal Red only. Never bold in a presentation.
  • — 12 pt is the hard minimum for Arial body or display. Mono chrome (page numbers, eyebrows) can go down to 9.5 pt.
  • — Consolas fallback on macOS: Menlo, if Consolas isn't installed. On Linux build environments: Liberation Mono.
  • — The full source is enforced by validate_deck.py in the Studio Capabilities Package toolkit.

Preview Examples · Body Is 16 Pt

Body copy is 16 pt. That is the anchor of the type system — every other size is derived from it. Do not resize body to fit a layout; resize the layout to fit body.

Preview · 16 pt body · 1.6 line-height

Newcomb & Boyd designs mechanical, electrical, plumbing, technology, and building performance systems that hold up across decades of operation. This paragraph shows how running body reads at the system default. Keep line length between 55 and 75 characters for comfortable reading.

Preview · display + body pairing
Systems, not silos.

A display title sits directly above running body. The size ratio between them is meaningful restraint — the display is loud enough to carry the section, the body is quiet enough to be read.

Preview · lede + body

A lede paragraph is 19–26 pt and set in Gotham Book. It carries a section's opening idea in one sentence.

Standard body follows below at 16 pt. The size shift between lede and body creates hierarchy without introducing a new typeface.

Preview · long-form article

Chapter Heading · Section Title

Long-form content stays at 16 pt body with 1.6 line-height. Paragraph spacing is generous — --space-4 (16 px) between paragraphs, more between sections.

A second paragraph follows to demonstrate the rhythm. When a paragraph runs long, break it before it hits ten lines of body copy.

Kerning & Line-Height

Kerning · letter-spacing
Display (mega, xxl, xl, l)-0.028em to -0.045em
H1 – H3-0.012em to -0.028em
Body / lede-0.005em to -0.014em
Eyebrows / mono callouts+0.14em to +0.18em
Uppercase chips / tags+0.08em to +0.10em

Rule of thumb: the bigger the type, the tighter the tracking. Uppercase and small-caps always get positive tracking; running body gets a hair of negative.

Line-height
Mega display0.94
Display xxl – xl0.92 – 0.98
Display l / m · H1 – H21.02 – 1.10
H3 – H41.25 – 1.35
Lede1.45
Body1.55 – 1.60

Display types compress; body types breathe. Tight leading on giant type reads architectural; loose leading on body reads editorial.

When to Use Bold — And When Not To

● Use Bold For
  • Questions posed to the reader.
  • Named people, roles, or firms inside running copy.
  • Important callouts and take-aways in a paragraph.
  • Key term first time it is defined.
  • Numeric labels inside stat blocks (see stats rules in §Color).
  • Row headers inside dense tables and specs.
● Don't Use Bold For
  • Emphasis on multiple words per sentence.
  • Full sentences or paragraphs.
  • Every list item — bold everything is bold nothing.
  • Long stretches of running copy for aesthetic weight.
  • Section headings — those already carry their own weight.
  • Marketing intensification — "very," "extremely," "critical."

Bold is a spotlight. If everything is lit, nothing is lit. Use bold selectively — one, at most two, uses per paragraph — when a reader scanning the page needs a foothold on the specific word or figure that carries the meaning.

Paired Headings · Title · Title

Inline · single line
Built to Perform.  ·  Designed to Operate.

Separator: · (interpunct, U+00B7) with 2 ×   on each side. Never a bullet, never an em dash. Use when both titles fit on one line.

Stacked · two lines
Built to Perform.
Designed to Operate.

Line-height 1.05, no additional margin between the two titles. Use when either title wraps or a stacked lockup is rhythmically stronger for the layout.

Em Dashes — Sparingly

Use em dashes only when they are grammatically the right punctuation — an interrupting clause, an appositive, a sharp turn in a sentence. When a comma, colon, or period would do the same job, use the comma, colon, or period.

Em dashes have become a stylistic tell of AI-generated writing. They collect around every clause, every aside, every rhythmic pause — until the whole page reads like a stream of interruptions. Newcomb & Boyd copy should read as spoken sentences from a partner. Partners rarely dash.

Grammatical · keep
The commissioning team — three engineers and an operator — stayed on-site for a full year.
Stylistic · replace
Our practice is integrated — every studio talks to every other — because integration is not a service — it is a discipline.
Our practice is integrated. Every studio talks to every other. Integration is a discipline, not a service.

Text Over Imagery · Accessibility

Every hero title, presentation cover, and photograph-backed headline in the system must meet WCAG 2.1 AA contrast (4.5 : 1 for body sizes, 3 : 1 for large display type). Photography is beautiful but unpredictable — the treatments below make sure the type stays readable no matter what the image is doing behind it.

Treatment 01 · Gradient
Built to Perform.
Gradient specification

A dark-to-transparent gradient anchored to the edge where the text sits (usually bottom). This is the default treatment for any display type on photography. Use it before reaching for a shadow.

background: linear-gradient(
  to top,
  rgba(34,34,34,0.85) 0%,
  rgba(34,34,34,0.35) 55%,
  rgba(34,34,34,0) 100%
);

Use Ink #222222 as the gradient color — never pure black. Anchor the strong end to whichever edge the text lives on.

Treatment 02 · Subtle shadow
Designed to Operate.
Text-shadow specification

When a gradient alone isn't enough — pale, high-key, or busy imagery — a very subtle shadow may be layered on. The intent is legibility support, not a shadow effect. If the shadow reads as decoration, it's too much.

text-shadow: 0 1px 2px rgba(34,34,34,0.25);

Pending confirmation: the exact value in production use on nb-2026-k-m.com — replace this token when the site value is verified. Value above is a safe starting point.

● Do
  • Test contrast at the actual output size and on the actual image.
  • Anchor the gradient to the edge where the text lives.
  • Choose imagery that already contrasts with the intended text color.
  • Meet WCAG AA — 4.5 : 1 for body, 3 : 1 for large display.
  • Use Ink #222222 for shadow / gradient color — never pure black.
● Don't
  • Ship text over an image without a legibility treatment.
  • Use a heavy drop shadow that reads as a graphic effect.
  • Rely on shadow alone — always try gradient first.
  • Fight a busy image with a busier treatment. Change the crop.
  • Combine gradient + shadow + blur + darken — pick the minimum that works.
Chapter 06  ·  Studios
06

Five Studios. One Firm. One System.

Each studio is a fully integrated practice. Each earns a reserved color, a distinctive voice within the N&B system, and a clear external positioning. Together they form one firm — with one signature, one standard, one mark.

Studio
Campus & Research
Universities · research · performing arts
Studio
Healthcare
Hospitals · patient towers · clinics
Studio
Civic & Commercial
Aviation · courthouses · workplace
Studio
Building Performance
Intelligence · commissioning · operations
Studio
Building Experience
AV · lighting · acoustics
Studio
Campus & Research
"Navigate decisions. Build for generations."
Studio hue
Oxford · #1E3A5F

Partners to universities and research institutions designing campus environments that endure for generations. Specializing in higher education, science & technology, and campus performing arts — where performance, adaptability, and mission alignment matter more than short-term efficiency.

Thoughtful Long-horizon Steady leadership Deeply institutional Mission-driven Strategic, not transactional Confident without being loud
Pain Points We Solve
  • Infrastructure decisions with 50-year consequences but 2-year budget cycles
  • Phased campus growth where early decisions lock in obsolete systems
  • Balancing academics, facilities, donors, and boards
  • Renovating historic or landmark buildings without compromising identity
  • Facilities that are simple to operate and easy to maintain over their full lifecycle
Studio
Healthcare
"Reliability when lives depend on it."
Studio hue
Meridian · #0F625B

Partners to healthcare systems designing reliable, high-accountability environments where patient care comes first. Through integrated engineering and long-term thinking, we deliver facilities that support safety, uptime, and operational resilience on projects where the stakes could not be higher.

Calm under pressure Highly trusted Relationship-first Direct Pragmatic Unfailingly reliable
Pain Points We Solve
  • System reliability where downtime directly impacts patient care and safety
  • Complex renovations in 24/7 operating environments
  • Balancing infection control, regulatory compliance, and patient experience
  • Managing multi-phase expansions without disrupting existing hospital operations
  • Planning for technology integration without massive future retrofits
Studio
Civic & Commercial
"Dependable systems for high-accountability environments."
Studio hue
Basalt · #3E4A52

Designing workplace and civic environments where performance, safety, and public accountability intersect. Through clear communication and dependable execution, we help public and institutional clients deliver high-visibility facilities — aviation, judicial, workplace, and civic — that function reliably and earn trust over time.

Calm Steady Dependable Clear communicators Strong consensus builders Respectful of public accountability
Pain Points We Solve
  • Managing stakeholders under public accountability
  • Navigating complex procurement, security clearances, and regulatory approvals
  • Designing for transparency and public access while maintaining operational security
  • Balancing first-cost budgets with long-term operational efficiency
Studio
Building Performance
"Intelligent programs that deliver operational value."
Studio hue
Brass · #B8862B

Helping owners navigate the growing complexity of technology-driven buildings. Specializing in intelligent buildings, commissioning, sustainability, cybersecurity, and design-to-operate — we translate advanced systems into practical operational value. Sustainability is a byproduct of rigor: buildings designed and commissioned correctly consume less, last longer, and cost less to run.

Highly analytical Plainspoken about risk Technically confident Approachable Data-literate Operationally grounded
Pain Points We Solve
  • Technology systems that quickly become obsolete or incompatible
  • Buildings designed with "smart" features that operators can't maintain
  • Cybersecurity vulnerabilities in connected building systems
  • Analytics platforms that produce data but not actionable insights
  • Owners uncertain which technology investments deliver real value
Studio
Building Experience
"Where performance meets human experience."
Studio hue
Ember · #9B3A28

Shaping how people experience buildings every day. Bridging engineering, technology, and design, we work closely with architects and owners to shape environments that feel intuitive, comfortable, and engaging. We integrate AV, lighting, acoustics, and workplace technology to support how spaces are actually used.

Human-centered Architect-facing Design-aware Quietly innovative Sensory-literate Experientially led
Pain Points We Solve
  • Buildings that meet technical specs but feel uncomfortable or unintuitive
  • AV and technology systems that disrupt design intent
  • Acoustics, lighting, and environmental controls that undermine intended use
  • Workplace environments that don't support evolving collaboration needs
  • Performing arts spaces where technical performance must serve artistic vision
Chapter 07  ·  Components
07

A Component Library Built for Real Work.

Every piece of Newcomb & Boyd communication — proposals, decks, case studies, the website, the intranet — is assembled from a common kit of parts. These are the parts.

Button · Primary, Secondary, Accent, Ghost

Primary carries the action. Secondary is the default. Accent is reserved for single calls-to-conversion. Ghost is for inline next-step navigation.

Tag pill · project classifier
Design-to-Operate Healthcare Commissioning MEP-T LEED v4

Use for project classification, capability tags, and studio descriptors. Always mono type, all caps.

Stat row · proof points and performance metrics
40%
Average energy reduction across 12 completed Building Performance projects
100+
Consecutive years of engineering practice
27
Years average client relationship among top 20 accounts
$4.2B
In healthcare construction value commissioned since 2018

Gotham display numerals at 400 weight anchor each stat. Numeral and unit symbol both render in Ink #222222 — no red anywhere on a statistic. Mono caption explains the provenance. Always include a footnote source in live materials.

Case-study tile · dark ground · project teaser
Campus & Research

University of Tennessee, Knoxville — Zeanah Engineering Complex

228,000 SF $129M 2024

Project teasers live on dark ground with a single rule as the dividing geometry. Type hierarchy: studio tag → Gotham 700 project name → monospace meta.

Pull-quote card · testimonial
"They didn't just design the systems. They stayed involved long enough to make sure those systems actually worked the way we needed them to."
Director of Facilities · Southeast Regional Medical Center · Healthcare relationship since 2011

Signal Red rule on the left. Gotham 400 body, tightened tracking for editorial weight. Mono attribution anchored with role and studio-relationship provenance.

Studio card · three-up studio summary

The Studio Card is the connective tissue of the brand on digital. Its dot is the only place a studio hue appears on the master N&B site — a quiet signal of which practice is speaking.

Card & Overlay Treatments

When content needs to sit over a photograph or video, use one of the two approved overlay treatments — never invent a third. Both use frosted-glass blur to preserve a sense of the image behind while ensuring text on top meets contrast standards. Dark is the default; light exists only for the specific case of dark or high-contrast imagery.

Dark overlay
Systems that operate.
A card that carries hero-scale content across a photograph.
Dark · default
Backgroundrgba(34,34,34, 0.72)
Backdrop-filterblur(14px) saturate(140%)
Border1px rgba(255,255,255, 0.08)
Radius0
Text colorvar(--paper) · rgba(255,255,255, 0.78)

Use for: hero cards, feature callouts, image captions, keynote cover overlays. This is the default overlay treatment — reach for it first.

Light overlay
Systems that operate.
The exception, not the rule — reserved for dark imagery.
Light · dark-imagery exception
Backgroundrgba(250,249,246, 0.85)
Backdrop-filterblur(14px) saturate(140%)
Border1px rgba(34,34,34, 0.06)
Radius0
Text colorvar(--ink) · var(--text-muted)

Use for: overlays on dark or high-contrast imagery (night shots, dusk exteriors, dark mechanical rooms) where the dark overlay would fight the image. Do not use over light imagery — reach for the dark version instead.

Legibility rules for both overlays
  • — Body text inside the overlay must still meet WCAG AA 4.5 : 1 against the overlay background — measure it, don't eyeball.
  • — Never place an overlay directly over the most important subject of the photograph. Anchor it to a corner or edge.
  • — If the image behind is so busy that even a blurred overlay reads poorly, re-crop the image or replace it — do not thicken the overlay to compensate.
  • — Overlays inherit the system's sharp corners: border-radius: 0 always.
  • — Backdrop-filter has partial browser support. When it's unsupported, the semi-transparent background alone must still meet contrast on its own — never rely on the blur for legibility.
Chapter 08  ·  Media & Imagery
08

The Image Speaks First. Never Make It Lie.

Every photograph, video frame, diagram, and graphic in the system must earn its place. This chapter defines what qualifies, how it's treated, how it's cropped, and how it behaves responsively — so the brand shows up honestly at every size.

The one absolute rule

Never Stretch, Squeeze, Distort, or Improperly Crop Any Image, Video, Illustration, Diagram, or Graphic.

Distortion is the fastest way to turn a professional artifact into an amateur one. If a media element does not fit its container at its native aspect ratio, change the container — not the media. If a crop removes critical subject matter, choose a different crop or a different image.

Never Do This · Media.

Don't stretch horizontally
S T R E T C H E D
Don't squeeze vertically
SQUEEZED
Don't crop out critical subject matter
Don't apply heavy filters or gradients over content

Preferred Cropping

Landscape · 16:9
Hero panels, presentation covers, video thumbnails, environmental context shots.
Editorial · 4:3
Case studies, in-line images, project galleries, engineering-on-display frames.
Portrait · circle crop
People, staff, testimonials. Always circular — never square or rectangle.

Responsive Behavior

Media in flexible containers

Set object-fit: cover on <img> and <video> elements so they fill the container without distortion. Anchor the crop with object-position to keep the subject visible at every breakpoint.

img, video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
Art direction at breakpoints

When a landscape crop no longer works on mobile, serve a different crop — don't scale down until the subject disappears. Use <picture> with media queries for editorial art direction.

<picture>
  <source media="(max-width: 640px)"
    srcset="hero-mobile.jpg">
  <source media="(max-width: 1024px)"
    srcset="hero-tablet.jpg">
  <img src="hero.jpg" alt="…">
</picture>
Video & motion

Video follows the same rules as photography. Auto-play only when muted and short. Never crop a video in a way that hides a speaker's face or a critical caption. When using video as background on a hero, always pair it with a gradient overlay per the accessibility rules in Chapter 05, and provide a still-image fallback for reduced-motion users.

Chapter 09  ·  Applications
09

The System in the World.

A design system only matters when it is applied. These are the canonical Newcomb & Boyd touchpoints — business system, document system, digital system — built from the tokens on the preceding pages.

Application examples · in progress

Real application mockups will populate this section once each artifact has been produced against the system. Category rules and download files above still apply — this space is reserved for photographs and renders of live work, not placeholder examples.

Recent Presentation Work

The Studio Capabilities Package (August 2026) is the most recent full-brand build against these rules — six decks totaling 200+ slides, all validated by the toolkit's validate_deck.py. The Master Template is the canonical starting point for any new deck. Reference the covers below to see the archetypes above rendered at production quality.

Newcomb & Boyd Master Capabilities Deck cover
↓   Download .pptx
Master · Capabilities
Newcomb & Boyd — Master Capabilities Deck
The firm-wide deck. Start here when building any new presentation.
 Campus & Research Capabilities Deck cover
↓   Download .pptx
Studio 01 · Campus & Research
Campus & Research Capabilities
Universities, research, performing arts.
 Healthcare Capabilities Deck cover
↓   Download .pptx
Studio 02 · Healthcare
Healthcare Capabilities
Hospitals, patient towers, clinical.
 Building Performance Capabilities Deck cover
↓   Download .pptx
Studio 04 · Building Performance
Building Performance Capabilities
Intelligence, commissioning, operations.
 Building Experience Capabilities Deck cover
↓   Download .pptx
Studio 05 · Building Experience
Building Experience Capabilities
AV, lighting, acoustics.

 · Sources: 3_Documents/NB_Studio_Capabilities_Package/ · Master Template: NB_Master_Template_Deck.pptx · Enforceable spec: 04_Design_System_Toolkit/DESIGN_SYSTEM.md

Output Categories

Every application above lives in one of two output categories. The category determines the file format, the color space, and the logo download you should reach for. When in doubt, check the matrix below and cross-reference the logo asset library in § Logo assets & downloads.

Category 01 · Everyday digital

RGB · Screen

Web, presentations, email, social, video, product UI, motion. Anywhere the artifact is viewed on a lit screen.

Formats

SVG · PNG · WebP · MP4 · HTML

Color space

sRGB · HEX #DA2B1F

Includes

Website · social tiles · email signature · keynote covers · YouTube thumbnails · LinkedIn posts

Category 02 · Commercial print

CMYK · Press

Business cards, letterhead, proposal covers, printed reports, signage, wayfinding, tradeshow collateral. Anywhere the artifact is printed on a substrate.

Formats

PDF/X-4 · AI · EPS · InDesign

Color space

CMYK 0/92/95/0 · PMS 485

Includes

Business card · letterhead · proposal cover · printed presentation · tradeshow banner · signage

Pending assets · merchandise mockups

Merch Mockups Coming From Chris's List.

Realistic renders for the merchandise line — apparel, notebooks, water bottles, patches, pens, signage vinyl — will populate this section once Chris's final merchandise list is confirmed in Basecamp. Each merch item will be shown at production scale with the correct Full Color, White, or Black logo variant applied per the print / CMYK production package.

Chapter 10  ·  Governance
10

A Brand Is Only as Strong as Its Stewardship.

The system will be enforced — not as bureaucracy, but as quality control. Brand is reviewed with the same rigor as engineering QA/QC.

Asset classOwnerApprovalFile naming
Proposals & pursuits Studio Principal + BD Partner-in-Charge NB_[studio]_[client]_[YYMM]_v[n].[ext]
Presentations Author Studio Principal NB_[studio]_[event]_[YYMMDD]_v[n].pptx
Website, landing pages Marketing CMO + Brand versioned in Git · main branch
Social posts Marketing Studio Lead for studio content Scheduled in CMS · drafts reviewed weekly
Press & media Marketing Managing Partner Coordinated through comms agency
Signage, apparel, merch Operations + Brand Brand Standard kit · vendor-locked
Logo, color, type Brand Brand only Changes require partner sign-off

Review Cadence

Design System v2.0 is reviewed quarterly by the Brand Council (Managing Partner, Marketing, five Studio Leads). Updates are released twice annually — spring and fall — with semver discipline. Major changes (tokens, type, palette) require partner consensus; minor changes (components, patterns) ship by CMO approval.

Training

  • — Onboarding: 60-min brand walkthrough for all new hires, delivered in first 30 days
  • — BD team: Quarterly refresher on voice, messaging, and proposal templates
  • — Studio leadership: Annual half-day system review with Brand
  • — External partners: Brand kit distributed on project kickoff, governed by MSA

Change Log · What Left the System

The 2026 revision retired several elements from the KOR-era system. This is the running log — if you find those treatments in old artifacts, they are no longer approved. Use the replacement column to build the new version.

Removed Why Replacement Since
The 7° diagonal ("The Angle") Reads as a stylistic flourish, not an engineering signature. Used inconsistently across the KOR system. Signal-red rule at the top of a layout as the signature stroke. Sharp corners everywhere else. 04 · 2026
Gotham Black (800) Too chunky for the brand direction. Reads as marketing rather than engineering. Gotham Medium (500) for the mega tier; Gotham Bold (700) as the heaviest weight in the system. 04 · 2026
Inter typeface Placeholder / substitute for Gotham. Not licensed as the brand family. Gotham as the primary family, Helvetica Neue as fallback. Arial only in Office when Gotham is unavailable. 04 · 2026
Pure black (#000000) Too harsh. The system caps darkness at Ink #222222. Ink #222222 everywhere the old system used black — text, borders, gradient stops, everything. 04 · 2026
Rounded corners (pills, cards, buttons) Soft geometry reads as lifestyle. The firm reads as engineered. Sharp corners on everything (border-radius: 0). Circles reserved for portrait crops only. 09 · 2026
Circle bullets on subtitles The circle is a generic mark; the triangle is our mark. Small red triangle glyph in place of the ● in every eyebrow, subtitle marker, and section leader. 09 · 2026
Signal Red on any part of a statistic — numerals or unit symbols Stats earn emphasis from scale, not color. Red on numerals or unit symbols competes with the display type around them and blunts the pulse. Both the numeral and its unit symbol render in Ink #222222. No red anywhere on a statistic. 09 · 2026
Signal Red on full display headlines Red across a whole phrase stops signaling and starts shouting. One or two italicized words in Signal Red inside a display title. Never a full sentence. 09 · 2026
Signal Red as a full-page or full-section background Red is the pulse of the system, not the surface. Signal Red as an accent — top rules, callouts, italic emphasis in display type, single tiles at moments of emphasis. 09 · 2026
"Logo on Signal Red" documentation tile + on-red logo variants Documenting a full-bleed red treatment inadvertently approved it. Retired the sample tile, the White-on-Signal accessibility pairing, the nb-lockup-on-red.svg and nb-monogram-on-red.svg downloads, and the .on-signal utility class. No on-red logo variant. Explicit "Don't put white text or the logo on a full-bleed red background" misuse tile added in Chapter 04. 09 · 2026
Signal Red rules used as body dividers A red rule inside content overloads emphasis — red should crown, not partition. Thin gray rule (1px solid var(--border)) as the standard divider. Red rules only at the top of a layout or component. 09 · 2026
Chapter 06 · Grid & The Angle Retired along with The Angle itself. Grid rules absorbed into the layout tokens. 12-column grid guidance now lives inside the base layout tokens (see --container, --gutter). Diagonal element removed system-wide. 04 · 2026
Chapter · Photography (KOR-era) Reworked and folded into the broader Media & Imagery chapter. See Chapter 08 · Media & Imagery — covers photography, video, illustrations, diagrams, and graphics under one set of rules. 04 · 2026
Studio hues as dominant backgrounds A studio hue on a full section pretends to be the corporate signature. That role belongs to Signal Red. Studio hues as accents only — dots, rules, badges, small tint fields. Never as page or section backgrounds. 09 · 2026
The "Contact Brand" footer block Content ownership moved out of the design system into internal ops docs. Brand contact information lives in the internal handbook. This document is now purely a design system. 09 · 2026
Em-dash-heavy prose Reads as AI-generated. Voice is the room, not the machine. Em dashes only when grammatically the right punctuation. Otherwise a period, comma, or colon. 09 · 2026

 · Log begins with the KOR handoff. Additions dated by system version. When in doubt about an older artifact, ask brand before republishing.