Reference

One lockup everywhere spares makers a choice. For anything outside these cases, ask Steven Brown. Whether to use the wordmark on its own is an open question.

LOGO-01 Use the full lockup. Agency guidelines R1 V4, p. 7; the Orbit exception decided 8 October 2026; merged with "The Orbit on its own, rarely" into one Must, written without hedges, by Steven Brown, 3 November 2026.

Shadows, glows and other effects come under LAYOUT-06 No image-editing effects. The gradient Orbit from the identity's development stays out of use.

LOGO-02 One flat color, as supplied. Agency guidelines R1 V4, p. 7; decision 30 September 2026 (call with Brian and Heather); shadows and glows moved to the one effects rule, 3 November 2026 (Steven Brown).

Nothing else enters that space: no type, edge of the piece, image detail or other logo. Take the measure from the lockup you are placing, so it scales with the logo. The Orbit alone has no wordmark to measure from; its clear space is an open question.

LOGO-03 Clear space around the lockup. Decided 30 October 2026; Steven Brown, on a call with Alexis (TeraRecon) about product labels.

At those widths the wordmark's capitals are about 13 px tall on screen (like 18 px text) and about 0.11 in in print (like 11 pt type), and its thinnest strokes still hold. Measure the whole lockup, without its clear space. Where there is less room, or the lockup would be cropped, use the Orbit on its own if LOGO-01 Use the full lockup allows it; otherwise make room. The Orbit alone has no minimum yet; ask Steven Brown before setting it very small.

LOGO-04 Minimum size of the lockup. Decided 2 November 2026.

The agency's file named Bone is pure white, and the one named White is off-white (RGB 247, 241, 236).

Files: Lockup, Charcoal, 800 px PNG; Lockup, White, 800 px PNG.

LOGO-05 Use the logo files named for what they are. Measured 23 September 2026.

• People read the biggest thing first. If that's the logo, the piece only says our name. If it's the message, it says why we matter, and the logo tells them who said it.
• A small logo reads as confident. Trusted brands sign their work; a huge logo looks like it's asking to be noticed.
• The system already says TeraRecon. Cobalt, particle flow, Extra Light type and the oval are recognized before anyone finds the logo.
• It's how the agency designed it. The T-shirt (p. 31) has a small lockup and a large "See it through"; the display (p. 24) gives the logo its own bar under the message.
• How small: easy to read at the distance the piece is seen from, and no bigger. If someone asks for it bigger, make the message clearer instead.

LOGO-06 A small logo and a big message. Decided 8 October 2026.

Covers, the app icon, signage and closing slides may give the logo more weight. See LOGO-06 A small logo and a big message.

LOGO-07 Treat the logo as attribution in ordinary messages. Drawn from the examples in Agency guidelines R1 V4, pp. 23, 24, 25, 26, 27, 28; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

The favicon is Cobalt by Steven Brown's approval for this one use: the Cobalt Orbit on a transparent ground, the website's default favicon. The avatar and app icon follow the agency's app icon on p. 29: the Orbit fills 78% of the square's width so it holds at small sizes, and the gradient runs from Cobalt at the top-left corner, with its darkest corner cropped outside the square. The Orbit stands alone here under LOGO-01 Use the full lockup, and is White on the avatar because LOGO-11 Pick the logo color by the ground gives White on the Cobalt Gradient. Make every avatar size from the 1024 px master.

Files: Icon, White Orbit on the Cobalt Gradient, 1024 px PNG; Icon, 512 px PNG; Icon, LinkedIn company-page logo, 400 px PNG; Icon, iPhone home-screen icon, 180 px PNG; Orbit mark, Cobalt, SVG.

LOGO-08 Favicon, social avatar and app icon. Decided 30 October 2026; the Cobalt favicon approved by Steven Brown, 30 October 2026: "Actually that favicon is fine it's just not propogating".

A profile picture is cropped to a circle or a rounded square and shown at a few dozen pixels. A lockup there is either cropped, which it may never be, or shrunk below its minimum size (LOGO-04 Minimum size of the lockup) until it fails WCAG. Use the avatar file: the White Orbit on the Cobalt Gradient (LOGO-08 Favicon, social avatar and app icon).

Files: Icon, White Orbit on the Cobalt Gradient, 1024 px PNG; Icon, 512 px PNG; Icon, LinkedIn company-page logo, 400 px PNG.

LOGO-09 The Orbit, not the lockup, as a profile picture. Decided 2 November 2026; written without "generally" by Steven Brown, 3 November 2026.

One mark keeps the master brand strong and spares designing, approving and policing one for every product. The category colors (p. 10) already tell the categories apart.

LOGO-10 No product logos. Decided 8 October 2026; context clarified 3 November 2026 (documentation).

The agency allows two colors on each kind of ground (p. 7); the table Logo color by ground narrows it to one, from the agency's examples and measured contrast. Keeping Cobalt for one-color jobs is our decision: the agency allows Cobalt on light grounds, and p. 4 sets the Cobalt Orbit above Charcoal text.

Logo color by ground

Ground	Logo	Why
White, Bone, light grays, light photos	Charcoal	The default everywhere. 9.5–10.4:1.
Cobalt, Deep Cobalt, the Cobalt Gradient, the Cobalt end of a category gradient	White	6.1–12.0:1.
Charcoal, black, dark photos	White	10.4–21:1.
Cyan or Aqua	Charcoal	White fails here (2.1:1 and 1.9:1).
Flat Violet, Orchid, or any mid-tone	No logo	Nothing reaches 4.5:1; category solids are never full grounds.
Dark ground where the other light elements are Bone	Bone	Rare: ask Steven Brown first. So the mark matches the type beside it.
One-color jobs on a light material: single-spot print, promo items, embroidery	Cobalt (PANTONE 2935 C)	Rare: ask Steven Brown first. Only where Cobalt is the only ink or thread; never beside Charcoal type.

Files: Lockup, Charcoal, 800 px PNG; Lockup, White, 800 px PNG.

LOGO-11 Pick the logo color by the ground. Decided 7 October 2026.

The brand kit gives employees the Charcoal and White lockups only. The guide keeps the Cobalt and Bone files for the cases named in the table Logo color by ground, under LOGO-11 Pick the logo color by the ground.

LOGO-12 Charcoal or White; Cobalt and Bone by approval. Decided 26 October 2026; the exception written without hedges by Steven Brown, 3 November 2026.

See LAYOUT-05 One subject per panel. A shadow or outline added to make the logo read breaks LAYOUT-06 No image-editing effects.

LOGO-13 Over a photo or pattern, judge the area under the logo. Decided 7 October 2026; the photo conditions decided 3 November 2026 (Steven Brown: "Logo is sort of in-between. It can only go over a photo if it is in a non-busy area with good contrast and, critically, is not covering the subject of the photo.").

The loose treatment runs the words large, with a rule after "it" (p. 24, 25), or stacked over particle flow on apparel (p. 31). LOGO-15 Size the tagline by its role sizes the oval by the tagline's role. A new lockup that combines the logo and the tagline needs Steven Brown's approval before it is used.

LOGO-14 "See it through" sits in its oval. Decided 22 September 2026; the loose display treatment held for approval by Steven Brown, 3 November 2026: "Tagline will typically be in the oval for now."

LOGO-14 "See it through" sits in its oval sets the oval; the loose display treatment needs Steven Brown's approval. As the main message: a closing panel, a booth header or a cover. As a signature: under the lockup on a feed post, a decal or a label.

LOGO-15 Size the tagline by its role. Drawn from the examples in Agency guidelines R1 V4, pp. 13, 14, 23, 24, 25, 31; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."; both roles set in the oval by Steven Brown, 3 November 2026: "Tagline will typically be in the oval for now."; context clarified 3 November 2026 (documentation).

A Bone bar with the Charcoal logo and the tagline oval at the right, or a Cobalt bar with the White logo.

In our work: the booth, all the way round.

LOGO-16 The lockup bar. Drawn from the examples in Agency guidelines R1 V4, pp. 23, 24; rewritten as a May in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

• Cobalt RGB is printed 0, 74, 205; its HEX and the agency's color files give 0, 74, 255.
• Violet HEX is printed 995EFF beside RGB 154, 94, 255, which is 9A5EFF.
• Deeper Cobalt CMYK is printed 33, 24, 20, 2, which is a gray; use 90, 95, 0, 0 (derived). It has no PANTONE.

COLOR-01 Use the corrected values. Measured 23 September 2026.

Screen is the master. Each chip shows the screen color beside a screen approximation of the ink; neither is a printed proof.

COLOR-02 The palette, for screen and print. Agency guidelines R1 V4, pp. 9–11; values from tokens.json.

The only solid category color at size in the agency's examples is the chip inside a product tag (p. 20). As particle-flow pills, only in an approved pairing (Aqua on Cobalt, for print). A product slide, card or panel may sit on its category gradient (Cobalt into the category color, the dominant use on p. 10), with the White logo at the Cobalt end.

COLOR-03 Category colors belong to products and stay small. Agency guidelines R1 V4, p. 10; type: decision 8 October 2026; written without "mainly" by Steven Brown's direction, 3 November 2026.

COLOR-04 Category colors only where that service line is the subject. Decided 10 October 2026; Steven Brown, website restage iteration review; clarifies p. 10.

Check: does the category read as TeraRecon while staying distinct from the other two? The agency shows this on one website family, so it does not require a Cobalt outer hero in every medium.

COLOR-05 Keep category identity inside the master-brand frame. Drawn from the examples in Agency guidelines R1 V4, pp. 10, 20; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

On the web they also mark clinical areas by a fixed map (WEB-06 Clinical areas take tertiary colors by a fixed map); those marks count as chart use.

COLOR-06 Tertiary colors are for charts. Agency guidelines R1 V4, p. 11; the web's clinical-area marks counted as chart use by Steven Brown, 3 November 2026 ("It's a chart."), after the map decided 16 October 2026 ("We'll go with tertiary colors for body modules.").

When the Cobalt Gradient is used, its darkest corner is cropped outside the piece (p. 9). On screen, add slight noise or dither so a gradient doesn't band.

COLOR-07 Gradients. Agency guidelines R1 V4, pp. 9–10; stops from the agency's InDesign file.

It holds wherever text meets these colors, in any medium: a Cyan ground, a chip, a button or a tag.

COLOR-09 Charcoal text on Cyan and Aqua. Decided 13 October 2026; Steven Brown, website restage decision D5, first as the web rule WEB-04; restated by color pair for every medium by Steven Brown, 3 November 2026: "One rule per color pair."

Violet and Orchid appear as solids only in small accents (COLOR-03 Category colors belong to products and stay small), so this pairing carries short labels such as a product chip. White on Violet measures 3.9:1 and Charcoal on Orchid 3.7:1: below the 4.5:1 that WCAG AA asks of ordinary text. The 3:1 allowance applies to large text: at least 18 pt, or 14 pt bold. A 12–14 px SemiBold chip is not large text. Logo/brand-name text has a specific exemption; a functional label does not become exempt because it uses brand colors. The other inks measure lower: Charcoal on Violet 2.7:1, White on Orchid 2.8:1. The chip sizes, and Steven Brown's acceptance of these chips (13 October 2026), are in WEB-05 Text on product chips.

COLOR-10 White text on Violet, Charcoal text on Orchid. Decided 13 October 2026; Steven Brown, website restage decision B (category chips), first in the web rule WEB-05; restated by color pair for every medium by Steven Brown, 3 November 2026: "One rule per color pair."; context clarified 3 November 2026 (documentation).

With the gradient's own stops (category 0 %, #0083FF 64.8 %, Cobalt 100 %), White copy over the lower half sits on the category color (1.9:1 on Aqua); White on Cobalt is 6.1:1. A category gradient that carries no White text, and every other gradient, keeps its own stops (COLOR-07 Gradients). On the web, a product card holds its copy column to 76 % of its width (WEB-07 Product card copy column).

COLOR-11 White copy on a category gradient sits on the Cobalt end. Decided 13 October 2026; Steven Brown, website restage decisions D8 and B (panel contrast), first in the web rule WEB-07; restated for every medium by Steven Brown, 3 November 2026: "One rule per color pair."

The grounds, from most to least used: the Cobalt Gradient, Bone, White around cards, and flat Cobalt in lockup bars. Charcoal is a ground only behind the White logo.

COLOR-08 Text colors on grounds. Drawn from the examples in Agency guidelines R1 V4, pp. 2–34; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

The agency's examples set headlines and body only in Extra Light and Regular; the other weights on p. 12 appear only in the p. 6 type specimen. Reach for size and color before bold.

Files: Public Sans, static TTFs with the SIL Open Font License.

TYPE-01 Public Sans, two weights. Agency guidelines R1 V4, pp. 12–13.

This replaces p. 12's "Aptos is the default" for PowerPoint. The template embeds Public Sans, so decks carry it to machines without it installed.

Files: TeraRecon 2026 PowerPoint template.

TYPE-02 PowerPoint: the Public Sans template, fonts embedded. Decided 22 October 2026.

Capitalize the first word and proper names only: "See it through", "Where imaging, clinical intelligence, and action align".

TYPE-03 Sentence case. Agency guidelines R1 V4, p. 13.

The agency's sample on p. 13 predates this decision and is kept as the agency wrote it. Use the new wording on every piece. "Imaging intelligence" stays as it is for now, as in "enterprise imaging intelligence".

TYPE-04 Clinical intelligence. Decided 9 October 2026.

A one-word last line is called an orphan. Avoid widows too: a paragraph's last line stranded at the top of the next column or page. In PowerPoint and print, add a line break (Shift+Enter) before the last two or three words. On web pages, text-wrap: balance on headings and text-wrap: pretty on body text do it automatically.

TYPE-05 No one-word last lines. Decided 8 October 2026.

• One phrase, no period: "See it through", "Coordinated imaging intelligence", "Zero-click 3D batching".
• Two sentences keep their punctuation, and the line breaks after the first: "Everything you need. / All in one place.", "Questions? / We're here to help."
• Break lines by sense, not by the box: "Where imaging, / clinical intelligence, / and action align".

TYPE-06 Headline setting. Drawn from the examples in Agency guidelines R1 V4, pp. 3, 13, 14, 24, 25, 33; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

TYPE-07 Capitals only in chips and tags. Drawn from the examples in Agency guidelines R1 V4, pp. 20, 23, 26; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

Check: is the main message plainly the first thing read, with the supporting labels clearly below it?

TYPE-08 Let scale and placement carry the headline hierarchy. Drawn from the examples in Agency guidelines R1 V4, pp. 13, 23, 24, 25, 26, 27, 28, 34; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

Repeated devices

Device	How	Agency pages
Cards and bento	Rounded rectangles, one corner radius per piece, in a grid with even, narrow gutters, mixing a stat, a headline, particle flow, a rendering, product UI and the logo. Content sits on a large Bone panel on White.	p. 6, 14
Stat card	A large Extra Light number with its label under it, on the Cobalt Gradient with quiet particle flow below.	p. 14
Edge strip	A thin strip along an edge of a card, usually the top or bottom, sometimes a vertical one at the left (p. 14): Cyan, Cobalt, or a gradient such as the Aqua Gradient under the precision marks (p. 18).	p. 14, 18, 25, 28
Section number	"02" in an outlined obround in White on the gradient, or in a filled Cobalt → Deep Cobalt obround with a White numeral on Bone.	p. 2, 5, 18, 27
Category chips	Outlined hairline obrounds with small capitals, across the top of a card.	p. 23
Product tag	An outer obround in Cobalt → category color, holding a solid category chip with capitals in the ink its color takes: Charcoal on Aqua, White on Violet, Charcoal on Orchid (COLOR-09, COLOR-10).	p. 20
Descriptor tag	A small rounded rectangle one step darker than Bone, with Charcoal text.	p. 28
Button	An outlined obround with White text and a filled circle arrow.	p. 26

In our work: the booth, all the way round.

GRAPHIC-01 Repeated devices. Drawn from the examples in Agency guidelines R1 V4, as listed; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."; the product tag's chip ink set by color pair instead of White capitals by Steven Brown, 3 November 2026: "One rule per color pair."

Check: at its final size, does the image support the words instead of breaking them up?

GRAPHIC-02 Give the reader a quiet landing zone. Drawn from the examples in Agency guidelines R1 V4, pp. 17, 23, 24, 26, 28; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

The shapes are listed in GRAPHIC-01 Repeated devices. Check: does the shape carry a label, a status or an action, rather than decorate? This is not a fixed component set: capsules with different jobs may take different fills.

GRAPHIC-03 Give compact shapes recognizable jobs. Drawn from the examples in Agency guidelines R1 V4, pp. 20, 23, 25, 26, 27, 28; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

The top or bottom edge, or the left edge for a vertical strip. A panel needs none.

GRAPHIC-04 Attach thin gradient accents to an edge. Drawn from the examples in Agency guidelines R1 V4, pp. 14, 18, 25, 28; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

Contrast comes from pill size, not color.

GRAPHIC-05 Particle flow is a duotone. Decided 8 October 2026.

Measured from about 28,000 pills in the agency's 26 August Illustrator files. Everything is in units of the pitch p, the distance between neighboring pill centers. The numbers are in tokens.json under pattern.pill; Duotone Studio draws to them by default, and build-source\measure_pills.py checks a generated file. Abstract fields also bend their flow along paths (p. 17), so a field has no single angle; the formula sets each pill's angle against the field's local flow.

One Rhythm pill geometry, in units of the pitch p

Property	Value
Lattice	Hexagonal: rows 0.866 p apart, alternate rows offset p/2
Size	One value s, 0 to 1, drives every dimension; a field is one grayscale size map
Fine pills (most fields)	Width 0.073 + 0.136 s, length 0.306 + 0.908 s: aspect 4.2 to 5.8
Bold pills (stand-alone Cyan-on-light image tiles)	Width 0.190 + 0.137 s, length 0.670 + 0.536 s
Longest pill	1.21 p, so neighbors stay within about 27° of each other
Angle (fine)	108 − 241 s + 96 s² degrees from horizontal: large pills lie flat, small ones vary
Angle (bold)	78 − 55 s degrees
Whole field	May be mirrored, or turned by up to about 20°

GRAPHIC-06 Pill geometry: the One Rhythm standard. Measured 19 September 2026.

Category colors may be pills where a pairing is approved, as Aqua on Cobalt is for print.

GRAPHIC-07 Never White pills. Decided 8 October 2026.

Measured: every faded field in the agency's final files is made this way, including p. 4's pale pills (Cyan under White at about 78%).

GRAPHIC-08 A fade is a separate layer. Decided 8 October 2026.

In our work: the booth, all the way round.

GRAPHIC-09 Anatomy at high contrast. Agency guidelines R1 V4, p. 15.

Approval comes from Steven Brown, who also has the agency's files.

Files: The agency's particle-flow and rendering files.

GRAPHIC-10 Pre-approved particle flow only. Agency guidelines R1 V4, pp. 15–17.

GRAPHIC-11 Digital particle flow sits on the Cobalt Gradient. Decided 8 October 2026.

GRAPHIC-12 Particle flow inside rounded cards. Drawn from the examples in Agency guidelines R1 V4, pp. 14–31; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

Anatomical fields run in near-parallel diagonals; abstract fields bend along their paths (GRAPHIC-06 Pill geometry: the One Rhythm standard). Use the supplied files (GRAPHIC-10 Pre-approved particle flow only). The agency gives each field its job: anatomy "helps anchor the TeraRecon visual language in the world of medical imaging" (p. 15), and abstract flow "creates a sense of momentum and intelligent connection while adding depth and energy to layouts" (p. 16). So anatomy suits a piece about seeing the body in imaging, and abstract flow a piece about data and workflows moving.

GRAPHIC-13 Match particle direction to the kind of field. Drawn from the examples in Agency guidelines R1 V4, pp. 15, 16, 17; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."; context clarified 3 November 2026 (documentation).

As drawn on p. 18: ten hairline marks in a mid gray (#8D8E89), evenly spaced from 10% to 90% of the card's width, each about 2.5% of the width tall, standing on an Aqua Gradient edge strip about 5% of the width deep.

GRAPHIC-14 Not with precision marks. Agency guidelines R1 V4, p. 18.

Anything from 3.5% to 4.5% is fine. On a printed piece the border is never under 1/8 in: the trimmer drifts by 1/32 to 1/16 in, and a thinner border shows it as one side thicker than the other. On screen, round to whole pixels. The border is the ground showing around the panels (LAYOUT-02 Grounds alternate as they nest). Full-bleed pieces, the environmental band (p. 30) and apparel (p. 31) have no border. The agency's framed pieces measure 3.4% to 4.4% (pp. 23, 24, 25 and 28).

The border at 4% of the short side

Artboard	Short side	Border
Slide or screen, 1920 × 1080 px	1080 px	43 px
Letter brochure or flyer, 8.5 × 11 in	8.5 in	0.34 in (about 11/32 in)
Poster, 24 × 36 in	24 in	0.96 in
Card, 5 × 7 in	5 in	0.2 in (3/16 in is inside the range)
Business card, 3.5 × 2 in	2 in	1/8 in, the print minimum

LAYOUT-01 Border width. Decided 9 October 2026; measured on the agency's p. 23, 24, 25 and 28 (visual ledger 5a); the border's color set to the ground's, Bone or White, by Steven Brown, 3 November 2026.

Bone is the default ground on the web. The border of a framed piece takes the ground's color (LAYOUT-01 Border width).

LAYOUT-02 Grounds alternate as they nest. Decided 3 November 2026; Steven Brown, on the brand guide audit: "I really like bone as a background on web… bone as a background, white for a div, and bone again as a bento is possible."

Every other format takes the same grid, worked out from its short side: a margin of 4% of the short side, rounded to whole pixels and the same on all four sides (LAYOUT-01 Border width); a gutter of 1/75 of the short side; eight modules across the short side; and on the long side, the number of rows that keeps the modules closest to square, with the remaining length divided evenly. Where the pixels don't divide evenly, modules differ by at most 1 px. A format 3:1 or wider, such as a banner or an email header, takes 12 full-height columns instead, with the same margin and a gutter of 1/75 of the long side; its columns differ by at most 1 px. The corner radius is 1/50 of the short side. The table under The grid gives the common formats. The eight-panel arrangement is for a poster, booth or brochure; a feed post takes fewer panels, so it stays uncrowded. The Italy LinkedIn ads sit off this grid by 8 px across and 34 px down: their photo and brand panels are 832 and 256 px wide and 718 px tall over a 370 px copy panel, where the grid's 6 + 2 columns over 5 + 3 rows give 824 and 264 px over 684 and 404 px. Their brand panel is sized from the lockup and its clear space (28 + 200 + 28 px).

The grid for common formats, in px: under The grid.

LAYOUT-03 The square grid: 8 × 8 at 1200 × 1200 px. Decided 3 November 2026; Steven Brown, adopting the grid drawn for the Italy LinkedIn ads as the standard for square pieces; every other format worked out from its short side, with the margin equal on all four sides, by Steven Brown, 3 November 2026: "Keep the border equal."; context clarified 3 November 2026 (documentation).

A product stands in its real or studio setting (see PHOTO-01 Product UI on real devices), and the panel's corners are the only crop. Masking or cutting out a product comes under LAYOUT-06 No image-editing effects.

LAYOUT-04 Frame the scene, not the prop. Decided 2 November 2026; Steven Brown, on the Italy LinkedIn ads: "We achieve design through precise layout within frames, not through masking individual props."; masking moved to the one effects rule, 3 November 2026 (Steven Brown).

A subject is what a panel is about: a photograph, a rendering, the product UI or a block of copy. The logo is not a subject: it may sit over a photo only as LOGO-13 Over a photo or pattern, judge the area under the logo allows.

LAYOUT-05 One subject per panel. Decided 2 November 2026; Steven Brown, on the Italy LinkedIn ads: "We do not layer subjects on top of each other."

Depth comes from the ground: White panels on a Bone ground, Bone bentos in a White panel (LAYOUT-02 Grounds alternate as they nest), a hairline in Charcoal at low opacity, or a tone step within the palette. The shadows inside a photograph are real light and stay.

LAYOUT-06 No image-editing effects. Decided 2 November 2026; Steven Brown, on the Italy LinkedIn ads: "We eschew photoshop-like tricks and effects; masking, drop shadows, bevels, etc."; merged with "No drop shadows" (decided 10 October 2026, website restage iteration review) into one Must by Steven Brown, 3 November 2026.

LAYOUT-03 The square grid: 8 × 8 at 1200 × 1200 px gives the numbers for a square piece.

LAYOUT-07 Panels on a clean grid. Decided 2 November 2026; Steven Brown, on the Italy LinkedIn ads: "Emphasize the importance of clean grid systems."

Check: can a reader tell the main message, the supporting image and the attribution apart at a glance? LAYOUT-05 One subject per panel is the Must behind this.

LAYOUT-08 Divide the composition into distinct jobs. Drawn from the examples in Agency guidelines R1 V4, pp. 1, 14, 23, 24, 25, 28; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

LAYOUT-07 Panels on a clean grid sets the numbers. Environmental bands and apparel are not framed. Check: do the edges and gaps group what belongs together?

LAYOUT-09 Keep a visible frame and a consistent gutter rhythm. Drawn from the examples in Agency guidelines R1 V4, pp. 14, 23, 24, 25, 28; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

Compose a phone layout for its space rather than shrinking the desktop one. Check: does the narrow format keep the same message hierarchy?

LAYOUT-10 Recompose for the format. Drawn from the examples in Agency guidelines R1 V4, pp. 23, 25, 26, 28; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

This does not mean recoloring diagnostic images or putting every clinical image on White. Check: can the anatomy be read at its final size?

RENDER-01 Give detailed anatomy a calm backing. Drawn from the examples in Agency guidelines R1 V4, pp. 14, 19, 20, 24; rewritten as a Should in our own voice by Steven Brown's direction, 3 November 2026: "We are the source of truth, we don't need to refer back to the agency."

In compositions, colorize renderings within the spectrum shown on p. 19. The agency's examples put renderings on White rounded tiles, also inside a gradient card.

RENDER-02 Renderings lead in Advanced Visualization. Agency guidelines R1 V4, pp. 19–20.

In our work: the booth, all the way round.

PHOTO-01 Product UI on real devices. Agency guidelines R1 V4, p. 21.

Elsewhere Deeper Cobalt is a gradient stop only (COLOR-07 Gradients). Deep Cobalt (#221ECD) stays the accent and text blue.

WEB-01 Deeper Cobalt is the dark ground on web pages. Decided 13 October 2026; Steven Brown, website restage decision D1; applied on the staged website from iteration 2.

On White or Bone, Deeper Cobalt pills look stark; Deeper Cobalt measures 5.8:1 on Cyan.

WEB-02 Deeper Cobalt pills sit on Cyan, never White. Decided 14 October 2026; Steven Brown, website restage voice pins 20261014-204848-3ocj (Imaging Workflows hero) and 20261014-204928-wmuj (AI Framework hero); applied on the staged website 15 October 2026. Steven Brown: "Deeper cobalt pills mixed with a white background isn't really a great combination... It's just very stark... cyan might contrast well with deeper cobalt."

WEB-03 The website footer. Decided 13 October 2026; Steven Brown, website restage decision D3; applied on the staged website from iteration 2; the utility bar made Charcoal with a hairline by Steven Brown, 4 November 2026 (review pin on the campaign landing pages: "Footer still purple - shouldn't be"), live on terarecon.com the same day.

The ink is Charcoal on Aqua (COLOR-09 Charcoal text on Cyan and Aqua), White on Violet and Charcoal on Orchid (COLOR-10 White text on Violet, Charcoal text on Orchid). Violet and Orchid chips measure 3.9:1 (White on Violet) and 3.7:1 (Charcoal on Orchid): below the 4.5:1 that WCAG AA asks of ordinary text. The 3:1 allowance applies to large text: at least 18 pt, or 14 pt bold. A 12–14 px SemiBold chip is not large text. Logo/brand-name text has a specific exemption; a functional label does not become exempt because it uses brand colors. Steven Brown accepted them for chips on 13 October 2026, since a chip carries a product name and nothing else.

WEB-05 Text on product chips. Decided 13 October 2026; Steven Brown, website restage decision B (category chips); applied on the staged website from iteration 3; its inks restated by color pair in COLOR-09 and COLOR-10 by Steven Brown, 3 November 2026: "One rule per color pair."; context clarified 3 November 2026 (documentation).

The color marks the area and never carries text: a chip outline around Charcoal text, the selected tab's underline, the hotspot dot on the body figure, a card's left edge and its selected outline. Each color measures at least 3:1 on White and on Bone, the contrast WCAG asks of non-text marks (3.5:1 to 9.5:1 on White, 3.2:1 to 8.7:1 on Bone); the light Orange, Yellow, Yellow Green and Green fall below it, so their "2" shades are used. These marks count as chart use under COLOR-06 Tertiary colors are for charts. The map lives in the module.css of the Solution Category Explorer on the TeraRecon AV page.

WEB-06 Clinical areas take tertiary colors by a fixed map. Decided 16 October 2026; Steven Brown, on Evan's note about the body module of the terarecon.com restage ("using different theme colors for the highlight by topic/solution area for body module"): "We'll go with tertiary colors for body modules."; counted as chart use, 3 November 2026: "It's a chart."

The gradient and its stops are COLOR-11 White copy on a category gradient sits on the Cobalt end.

WEB-07 Product card copy column. Decided 13 October 2026; Steven Brown, website restage decision D8 and B (panel contrast); applied on the staged website from iteration 4; its gradient restated for every medium as COLOR-11 by Steven Brown, 3 November 2026: "One rule per color pair."

WEB-08 Card titles are headlines. Decided 13 October 2026; Steven Brown, website restage decision D4; applied on the staged website from iteration 2.

Web type scale, in px

Role	992 px and wider	768 to 991 px	Below 768 px	Weight
Display	88	72	48	ExtraLight 200
Heading 1	64	56	40	ExtraLight 200
Heading 2	48	40	32	ExtraLight 200
Heading 3	32	28	24	ExtraLight 200
Heading 4	24	22	20	ExtraLight 200
Lead	22	20	18	Regular 400
Body	18	16	16	Regular 400
Small	16	14	14	Regular 400
Label and button	14	12	12	SemiBold 600
Chip	14	12	12	SemiBold 600
Navigation	16	16	16	Regular 400

WEB-09 The web type scale. Decided 13 October 2026; Steven Brown, website restage decision D7; applied on the staged website from iteration 2.

The agency names rounded forms and even, narrow gutters (p. 6, p. 14) but gives no values; these come from this guide page's own panels.

WEB-10 Panels, corners and gutters on web pages. Decided 13 October 2026; Steven Brown, website restage decision D8; applied on the staged website from iteration 4.

• Centered devices: the statistic cards (value, label and step), the product explorer (its heading, tab row and product picture read as one), heroes (aligned by their own settings) and form buttons.

Web spacing, in px

Space	992 px and wider	768 to 991 px	Below 768 px
Panel padding, all four sides	48	32	24
Between blocks in a panel	24	24	16
After a heading group	48	32	32
Between lines of text (paragraphs, list items)	16	16	16
Between columns	32	24	16
Body text measure	68 characters	68 characters	68 characters

WEB-11 Spacing on web pages. Decided 13 October 2026; Steven Brown, website restage decision D9; applied on the staged website from iteration 7.

Cobalt sits 15.6 ΔE (a measure of visible color difference) from its ink, and Deeper Cobalt has no ink.

PRINT-01 Screen is master; print is the nearest ink. Decided 8 October 2026.

The pairings are the rows of the table Print pairings at the top of 2.2 Print; the table under this rule gives each pairing's inks and contrast.

Print pairings

Pills on ground	Inks	Contrast, screen / ink (ΔE)
Cyan on Deep Cobalt	2995 C on 293 C	54.3 / 39.6, the strongest on screen
Cyan on Cobalt	2995 C on 2935 C	38.9 / 31.4
Aqua on Cobalt	3115 C on 2935 C	47.6 / 41.5, the strongest in ink
Deep Cobalt on Cyan	293 C on 2995 C	54.3 / 39.6
Cyan on White	2995 C on paper	28.6 / about 31.6
Cyan on Bone	2995 C on 25% 2330 C	not measured

PRINT-02 A print duotone is two spot inks. Decided 8 October 2026.

PRINT-03 Print gradients run between two inks. Decided 8 October 2026.

PRINT-04 Fades in print. Decided 8 October 2026.

Extended-gamut printing is the printer's call.

In our work: the booth, all the way round.

PRINT-05 By process. Decided 8 October 2026; written without "prefer" by Steven Brown's direction, 3 November 2026.

PRINT-06 Open question: a neon Cyan. Decided 8 October 2026.

One block for everyone keeps signatures alike and every address written the same way. Text is Charcoal and links Deep Cobalt; the name is set larger, not bold. The lockup is 150 px wide on White, so it stays readable when a mail app turns dark, and loads from a fixed address on terarecon.com that later kit releases never move.

LOGO-17 Email signature: the block from the brand kit. Decided 29 October 2026.