Logo

A clear signature for everything we make.

Choose & download

These two versions cover everyday use. Both are ready-to-use vector files.

Charcoal

For White, Bone and light backgrounds.
Also use on Cyan and Aqua.

SVG

White

For Cobalt, Deep Cobalt, the Cobalt Gradient,
Charcoal and dark backgrounds.

SVG

SVG stays sharp at any size. Need PDF or EPS for a printer? Ask Steven Brown.

Place it well

x The height of a capital letter in the wordmark.

Give it clear space

Keep at least one capital-letter height of empty space on every side of the full logo.

Keep text, image detail, other logos and the edge of the artwork outside that space.

Keep it readable

Measure the full logo, excluding its clear space.

120 px minimum on screen

1 in

Minimum in print
About 25 mm wide

An illustrative layout

Advanced visualization
for every reading room

Let the message lead

Give the logo a quiet, consistent place apart from the main message. Keep it easy to read at the distance the piece will be seen.

Covers, signage and closing slides may give the logo more emphasis.

Check the background

Select the background you’re using to see the everyday logo pairing.

On White

Use Charcoal

The everyday choice for light backgrounds.

Download this logo

On a photo or pattern

Choose the logo for the area directly beneath it. Use a calm area with good contrast, and keep the subject of the photo clear. If there is no suitable area, give the logo its own flat panel.

On a category gradient

Place the White logo at the Cobalt end. Keep logos off flat Violet and Orchid backgrounds.

Avoid common mistakes

Use the supplied artwork in one flat color and keep its proportions intact.

Avoid

Stretching or rotating

Scale proportionally and keep the logo level.

Avoid

Poor contrast

Use Charcoal on Cyan and Aqua.

Avoid

Adding effects

Keep shadows, glows and outlines off the logo.

Avoid

Changing its color

Use the provided colors. Keep gradients out of the mark.

Special uses

Start here when the everyday logo treatment doesn’t fit your task.

Profile pictures, app icons & the Orbit

Use the ready-made icon

Profile pictures and app icons use the White Orbit centered on the Cobalt Gradient. Download the prepared artwork so its size and placement stay consistent.

Profile image · PNG ↓Master icon · PNG ↓Website favicon · SVG ↓

The website favicon uses the Cobalt Orbit. The Orbit can also stand alone where the full logo cannot fit or TeraRecon is already named on the same surface, such as a small mark above a statement.

The Orbit’s standalone minimum size and clear space are still to be defined. Ask Steven before setting it very small or close to an edge.

The tagline

See it through

Keep it inside its outlined oval

Size the tagline for its role: large as the main message, small as a signature. The loose display treatment needs Steven’s approval.

A rounded bar under the main card may hold the logo and tagline. The bar matches the card’s width, using Charcoal on Bone or White on Cobalt. Ask before introducing a new combined logo-and-tagline lockup.

Cobalt & Bone logo files

These are exceptional treatments. Get Steven Brown’s approval for the individual piece before using either.

Cobalt

One-color jobs on a light material, where Cobalt is the only ink or thread.

Download SVG ↓

Bone

Dark backgrounds where the other light elements are also Bone.

Download SVG ↓

Product names & the standalone wordmark

Name products in Public Sans beside or below the TeraRecon logo. A product name may be a plain wordmark; it does not receive its own symbol or logo.

Use of the TeraRecon wordmark without the Orbit is not yet defined. Use the full logo for ordinary work and ask Steven about a specific exception.

Color

Blues lead. Color has a job.

The everyday palette

Values for

Select a value to copy it. Use PANTONE for print; CMYK is the fallback when spot inks are unavailable.

Cobalt

Deep Cobalt

Cyan

Charcoal

Bone

White

Identify a category

TeraRecon

Advanced Visualization

Aqua

Use only for Advanced Visualization.

TeraRecon

Imaging Workflows

Violet

Use only for Imaging Workflows.

TeraRecon

Insights

Orchid

Use only for Insights.

Category colors identify the category the piece is about. Use them as gradients from Cobalt, or as small solid accents. Keep them out of unrelated content, full solid backgrounds and headline type.

Choose a gradient

Cobalt Gradient

Radial, from the center: #004AFF at 0% → #3800AB at 99.9%
The dark ground: covers, section openers, hero cards, closing slides

Cyan Gradient

Linear, end to end: #00C2FF at 0% → #00C2FF at 49.3% → #004AFF at 100%
Thin edge strips on cards

Aqua Gradient

Linear, end to end: #00CFD9 at 0% → #0083FF at 64.8% → #004AFF at 100%
Advanced Visualization: product cards and tags

Violet Gradient

Linear, end to end: #9A5EFF at 0% → #0083FF at 64.8% → #004AFF at 100%
Imaging Workflows: product cards and tags

Orchid Gradient

Linear, end to end: #D47AD9 at 0% → #0083FF at 64.8% → #004AFF at 100%
Insights: product cards and tags

Crop the Cobalt Gradient’s darkest corner outside the artwork. Add slight dither to prevent banding. For White copy on a category gradient, use the text-safe treatment below.

Keep the message
on the Cobalt end

White copy · at most 76% of a web card’s width

Text-safe category gradient: 315°; category color at 0%, #0083FF at 10%, Cobalt from 26%. The standard gradient keeps its own stops when it carries no White copy.

Keep type legible

AaCharcoal on Bone

AaWhite on Cobalt

AaCharcoal on Cyan

AaCharcoal on Aqua

AaWhite on Violet

AaCharcoal on Orchid

Violet and Orchid pairings are reserved for short category labels. Their contrast is below 4.5:1 for ordinary small text; use a neutral surface for functional labels and longer copy. Logo color choices are covered in Logo.

Special uses

Gradient stops and web backgrounds

Deeper Cobalt

Deeper Cobalt (#3800AB) is a gradient stop and the flat dark background for web pages. Mid blue #0083FF is a gradient stop only.

Chart palette

Use these colors for charts and graphs, keeping them out of hero graphics and large color fields.

Red

Red Orange

Orange

Yellow

Yellow Green

Green

Teal

Red 2

Red Orange 2

Orange 2

Yellow 2

Yellow Green 2

Green 2

Teal 2

Typography

Let the message lead.

Public Sans

Extra Light · 200

Headlines and sub-headlines
Tracking −0.02 em · leading about 100%

Regular · 400

Body copy
Tracking −0.01 em · leading about 150%

Download Public SansFont family · ZIP

Write and set the headline

Where imaging,
clinical intelligence,
and action align

Use sentence case

Capitalize the first word and proper names. Keep headlines left-aligned, with a ragged right edge.

Keep phrases together

Avoid hyphenation and single-word final lines. Adjust line breaks or rewrite for the space.

Choose words precisely

Use “clinical intelligence.” A headline that is one phrase takes no period.

Use capitals inside category chips, product tags and buttons. Keep heavier weights for small labels; use scale and position to separate the headline from supporting text.

Try a headline

Editable type specimen

Work in PowerPoint

Start with the template

Its fonts, spacing and layouts are already set. Copy a placeholder when adding text.

Keep fonts embedded

Save with “Embed fonts in the file” enabled so Public Sans travels with the deck.

PowerPoint templatePOTX · 2.3 MB

For websites, use the responsive web type scale.

Graphic language

A small set of purposeful devices.

Build with familiar shapes

Rounded cards

One subject per panel. Align related edges and keep gutters consistent.

42Illustrative statistic

A statistic

A large, light number with a smaller label. Give it a quiet background.

Section numbers

A compact numbered obround that marks a section.

ADVANCED VISUALIZATION

Category chips

Small outlined labels. Keep them secondary to the main content.

Advanced visualization

Descriptor tags

A small rounded rectangle with a clear label or status.

LEARN MORE ↗

Action buttons

An outlined obround with a clear action and a filled circle arrow.

Choose a particle field

Abstract Cyan particle flow on Cobalt — Abstract flow follows paths to suggest movement and connection.

A second abstract particle field — Choose a field with a quiet area for the message.

One pill color, one background

Keep the pills flat: no third color, tints or gradients in the pills, and never White pills.

Keep anatomy recognizable

Use high contrast, Cyan on Bone or Cobalt, where a 3D rendering is also present.

Frame the field

Usually use the Cobalt Gradient on screen. Keep flow inside a rounded card; wall bands and apparel are exceptions.

Use supplied or approved particle-flow artwork. Ask Steven for production files. Fade a field with a background-colored overlay, from opaque to transparent, so the pills keep their color.

Use precision marks sparingly

Precision marks

Use these subtle marks along an edge. Keep them separate from particle flow in a composition.

Production detail

Particle geometry

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°

Product tags and edge strips

A product tag pairs a Cobalt-to-category outer obround with a solid category chip. Use Charcoal on Aqua, White on Violet and Charcoal on Orchid.

A thin gradient strip may run along the top, bottom or left edge of a panel. Keep it out of the message area.

Layout

Give every subject a place.

Start with the structure

One subject per panel

Give the image, message and attribution distinct places. Let a photograph fill its frame, cropped only by the panel edge.

A consistent structure

Use one margin, one gutter and one corner radius. Every panel spans whole grid modules.

Find your format ↓

48 pxMargin on every side

16 pxGutters

124 pxSquare modules

24 pxCorner radius

These values apply to a 1200 × 1200 px piece. For other sizes, use the format table.

Find your format

The grid for common formats, in px
Format	Margin	Gutter	Modules	Module size	Radius
1080 × 1350	43	14	8 across × 10 down	112 wide × 113–114 tall	22
1200 × 1200	48	16	8 × 8	124 × 124	24
1200 × 627	25	8	16 across × 8 down	64–65 wide × 65–66 tall	13
1080 × 1920	43	14	8 across × 15 down	112 wide × 109–110 tall	22
1920 × 1080	43	14	15 across × 8 down	109–110 wide × 112 tall	22
816 × 1056, Letter	33	11	8 across × 11 down	84–85 wide × 80 tall	16
1128 × 191, banner	8	15	12 columns	78–79 wide	4
1584 × 396, LinkedIn banner	16	21	12 columns	110–111 wide	8
600 × 200, email header	8	8	12 columns	41–42 wide	4
1200 × 240, email banner	10	16	12 columns	83–84 wide	5

For a framed piece, the border is 4% of the short side, equal on all four sides. In print, keep it at least ⅛ inch. Formats 3:1 or wider use 12 full-height columns. Full-bleed pieces, environmental bands and apparel are exceptions.

Choose an arrangement

MessageImage

2 panels

One message and one image, clearly separated.

ImageBrandMessage

3 panels

A useful starting point for a communication.

HeadlineImageDetailCopyBrand

5 panels

A broader story for a larger format.

HeadlineImageStatStatDetailProductCopyBrand

8 panels

An overview for a poster, booth or brochure. Avoid crowding a feed ad.

Keep the composition clean

Alternate the surfaces

Bone holds White panels; a White panel may hold Bone compartments. The surrounding surface becomes the border.

Keep images intact

Use the photograph’s real setting and light. Keep cut-outs, shadows, bevels, glows and blur effects out of the design.

Recompose for the format

Preserve the reading order and each element’s role. Change the arrangement and crop when the aspect ratio changes.

Detailed measurements

Border sizes in print and on screen

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

How the grid scales

Margin: 4% of the short side. Gutter: 1/75 of the short side. Eight modules across the short side; choose rows on the long side to keep modules closest to square. Corner radius: 1/50 of the short side.

At 3:1 or wider, use 12 columns and a gutter of 1/75 of the long side. Round to whole pixels; modules may differ by 1 px.

Imagery

Show the subject clearly.

Use renderings with purpose

Advanced Visualization

Feature 3D renderings as a main expression of the category.

Imaging Workflows

Use renderings in a supporting role.

Insights

Keep renderings minimal.

Use supplied or approved assets. Set fine anatomy on a quiet background, large enough to read at its final size. Ask Steven for the production files.

Keep products in their setting

Product interfaces shown on laptops and monitors in clean studio settings — Product UI appears on real devices in a clean, real-world or studio setting.

Keep the whole scene

Let the panel crop the photograph. Preserve the device, setting and natural light.

Separate the message

Give copy its own panel. Place a logo over a photo only where the area is calm, high contrast and clear of the subject.

Web

A consistent system at every size.

Build a readable web page

Dark panels

White on Deeper Cobalt

Use #3800AB for flat dark bands and panels.

Keep the frame consistent

Content width: at most 1568 px. Panel corners: 24 px; nested cards: 16 px.

Use the responsive gutters

40 px at 992 px and wider; 24 px at 768–991 px; 16 px below 768 px.

Give the footer its own treatment

One Charcoal panel, the utility bar included, with a thin White line above the copyright. White headings and copyright; Bone text and links.

Use a responsive type scale

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

Headings: Public Sans Extra Light, tracking −0.02 em. Body: Regular, tracking −0.01 em. Labels, chips and buttons: SemiBold. Card titles follow the heading treatment.

Keep spacing consistent

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

Left-align text. Centered treatments are reserved for statistic cards, the product explorer, heroes with their own alignment settings and form buttons.

Special treatments

Category cards and product chips

White copy stays on the Cobalt end of a category gradient, within 76% of the card width. Use the text-safe gradient.

Product chips use SemiBold at 14 / 12 / 12 px. Their category pairings are Charcoal on Aqua, White on Violet and Charcoal on Orchid. The Violet and Orchid treatments have limited small-text contrast; reserve them for brand-name chips.

Particle flow on light areas

Deeper Cobalt pills use a Cyan background. Use this pairing when a field sits on a light panel or fades out of a Cobalt panel.

Clinical-area colors

Colors mark the area through outlines, underlines and dots; text remains Charcoal.

Cardiology#D6333D

Body imaging / oncology#AE7F2A

Pulmonology#316E6B

Neurology#BB5A26

Vascular#851E26

MSK#769424

Print

Match the identity to the material.

Start with the right inks

Use spot colors

Use the palette’s PANTONE values. Screen colors are the master; expect the printed result to be less vivid.

Confirm the process

Use CMYK when spot inks are unavailable, with flat backgrounds. Ask the printer about extended-gamut production.

Proof the material

Get a hard proof before the run. Fabric, dye-sublimation and apparel need a printed sample.

PANTONE swatchesASE CMYK swatchesASE

Print particle flow in two inks

Print pairings: pills on ground, on screen and as ink
Pills on ground	Inks	On screen	Ink, approximated
Cyan on Deep Cobalt	2995 C on 293 C
Cyan on Cobalt	2995 C on 2935 C
Aqua on Cobalt	3115 C on 2935 C
Deep Cobalt on Cyan	293 C on 2995 C
Cyan on White	2995 C on paper
Cyan on Bone	2995 C on 25% 2330 C

One spot ink for the pills, one for the background. Keep the artwork’s inks intact. Screen and ink previews are approximate; judge the final piece from a proof.

Prepare gradients and fades

Gradients

Use two inks already on the job, at most PANTONE 2935 C to 293 C. Add noise to avoid banding; use a flat spot background if two spots cannot be held.

Fades

Fade with a tint of the background ink over the pills, running to zero. Get a proof.

Neon Cyan, PANTONE 801 C on 2935 C, is a proofing option for exceptional pieces. It is not an adopted brand color.

Give the printer a clear brief

Brief a printer

Paste this into the email that sends the files.

TeraRecon print specification

Inks. Print TeraRecon colors as PANTONE spot inks, Solid Coated: Cobalt PANTONE 2935 C, Deep Cobalt PANTONE 293 C, Cyan PANTONE 2995 C, Charcoal PANTONE 425 C. Bone is a 25% tint of PANTONE 2330 C. White is unprinted stock. Product colors appear only where the piece names a product: Aqua PANTONE 3115 C, Violet PANTONE 2101 C, Orchid PANTONE 238 C.

Process only. If the job must run in CMYK, tell us before printing. Use the CMYK values in the supplied swatches (Cobalt is C100 M63 Y0 K2); Cobalt prints noticeably duller in process.

Gradients. Run gradients between two spot inks the job already carries, such as 2935 C to 293 C, with noise to prevent banding. Do not rebuild them in process tints.

Pattern art. The pill pattern prints as two spot inks, one for the pills and one for the ground. Fades are tints of the ground ink over the pills. Keep the inks as supplied; do not convert them to process.

Proofs. A hard proof of every spot color before the run. For fabric (dye-sublimation, SEG, apparel), a printed sample; we expect fabric to print flatter than the swatch book.

Files. Logos are supplied as vector art (SVG; PDF or EPS on request). Do not redraw, recolor or substitute the logo or the pattern art.

Questions: Steven Brown, sbrown@concertai.com.

Examples

See the system working together.

The identity in use

Digital communication. A clear division between image, brand and message. This delivered example predates the exact grid; use the current grid for new work.

The same communication in Italian — **Adapted copy.** The visual hierarchy carries across languages.

Environmental design

The TeraRecon booth for RSNA 2026, seen from the front aisle; the view turns around the booth as you drag

RSNA 2026 booth. Drag the view, or use the slider, to explore how the identity works at a larger scale.

Applications from the agency

Use these to understand the visual character. Apply the current chapter guidance when making new work.

Lightbox display: a Bone card with category chips and headline, a lockup bar with the tagline oval, and a spine particle-flow card — Agency guidelines R1 V4, p. 23 Display

Window display: See it through as a headline on a Cobalt card, a Cobalt lockup bar and a lung rendering — Agency guidelines R1 V4, p. 24 Display

Framed poster on a wooden wall: See it through over pale particle flow, a Cobalt edge strip along the top, the Charcoal lockup, and a skull particle-flow card on Cobalt — Agency guidelines R1 V4, p. 25 Display

Website on desktop and phone: headline on the Cobalt Gradient with a heart particle flow and an outlined button — Agency guidelines R1 V4, p. 26 Website

A LinkedIn post and two presentation slides — Agency guidelines R1 V4, p. 27 Social & presentation

Product brochure: Bone cover with an edge strip, a descriptor tag and a particle-flow card — Agency guidelines R1 V4, p. 28 Product Brochure

App icon: the Bone Orbit mark on a Cobalt Gradient tile — Agency guidelines R1 V4, p. 29 App Icon

Environmental: the lockup on glass above a Cobalt band of particle flow — Agency guidelines R1 V4, p. 30 Environmental

Apparel: a Cobalt T-shirt with the lockup, See it through and a heart particle flow — Agency guidelines R1 V4, p. 31 Apparel

More delivered work

A skeleton with coffee in the RSNA table decal — RSNA table decal proof, lookout v4.

Cyan heart particle flow in a web hero — Homepage particle field, September 2026.

The earlier sanitizer logo-and-tagline combination remains provisional. Ask before extending it to new pieces.