Visual identity

One parent company. A connected platform system.

The approved Biosystems One identity pairs an extended technical wordmark with a high-contrast ONE block. The site uses the supplied artwork directly in every primary application.

ONE block / compact identity

Logo concept

Biosystems ONE Wordmark

The supplied identity uses an extended BIOSYSTEMS wordmark resolved by a high-contrast ONE block. The artwork is used directly, without redrawing or substituting its letterforms.

The mark avoids clinical, fitness, cryptocurrency, and generic technology symbolism. BIOSYSTEMS names the technical field; ONE identifies the parent company connecting the platform portfolio.

  1. 01BIOSYSTEMSEngineering and research field
  2. 02ONE blockParent-company identifier
  3. 03Compact familyBlock, outline, and number options

Logo family

Primary lockups and small-size forms

Light and dark artwork is selected by context. The compact marks support favicons, login screens, documentation, and reports.

Light field / primary lockup
Dark field / reversed lockup
Compact identity scale test
72 px
42 px / outline
32 px
Number block

Brand architecture

Related, not identical

Biosystems One owns a deep navy, technical blue, and teal parent identity. Each specialized platform adds one task-specific signal color.

Parent company

Biosystems One

Corporate identity, shared standards, support, research, and portfolio development.

MLMovement analysis

Motion Lab

Technical blue and cyan identify trajectories, calibration, tracking, and video analysis.

ETOccupational ergonomics

ErgoThrive

Measured green and sage identify posture review, assessment, records, and reporting.

Color system

Monochrome parent. Controlled platform signals.

Deep navy establishes Biosystems One. Technical blue and teal connect the system; green identifies ErgoThrive. Neutrals carry most content.

Parent brand

Deep Navy

#031426--bso-navy-950

Primary brand field, dark-theme foundation, and high-emphasis text

Paper

#FFFFFF--neutral-0

Primary light field and reversed brand applications

Technical Blue

#2E82BB--bso-blue-600

Engineering diagrams, primary actions, and the ONE field

Systems Teal

#128F9D--bso-teal-600

Connected systems, technical signals, and active states

Platform identities

Motion Blue

#2E82BB--motion-blue-600

Motion Lab identifier and analysis signals

Motion Cyan

#65BCD8--motion-cyan-400

Trajectories, tracking points, and overlays

Ergo Green

#5A8F4F--ergo-green-600

ErgoThrive identifier and assessment signals

Ergo Sage

#91B987--ergo-sage-400

Posture guides and supporting states

Neutral foundation

Paper

#FFFFFF--neutral-0

Primary light-theme surface

Warm Field

#F3F3F0--neutral-50

Light-theme page background

Rule Gray

#CECEC8--neutral-200

Borders and structural rules

Mid Gray

#61615D--neutral-600

Secondary text

Deep Navy

#031426--neutral-950

Dark-theme page background

Light theme

Paper surfaces, carbon hierarchy

Use Warm Field for the page, Paper for cards, Deep Navy for key text, and Mid Gray for supporting copy.

Dark theme

Deep navy field, precise signals

Use navy surfaces, off-white text, technical blue and teal for system connections, and green only for ErgoThrive identity or state.

Typography and interface

A disciplined system for corporate and product work

Display / 520

Engineering tools for better analysis.

Use sentence case, measured line lengths, and clear information hierarchy.

Space Grotesk Variable, ui-sans-serif
Technical / 400POINT 04 / 38.4 DEG / FRAME 0182

Michroma is reserved for labels, measurements, and identifiers, not long-form copy.

Michroma, Bahnschrift, sans-serif
Buttons
Primary actionSecondary actionPlatform action

Use direct labels and one primary action per decision area.

Cards
PLATFORM / 01

Focused workflow

Thin border, square geometry, no shadow, and one precise accent line.

Geometry and spacing

Consistent, measured, and direct

Use a four-pixel base with a preference for 8, 12, 16, 24, 32, 48, 64, 96, and 128 pixels. Alignment, rules, and negative space create hierarchy.

14 px
28 px
312 px
416 px
524 px
632 px
748 px
864 px
996 px
10128 px

Border radius

Brand0pxIdentity fields and primary components
Controls0pxButtons and form controls
Cards0pxProduct and content panels
Features0pxHero and platform surfaces

Logo use

  • Do not rotate, skew, stretch, trace, or redraw the artwork.
  • Do not change the proportions of the ONE block.
  • Do not place the mark over a visually noisy background.
  • Do not add gradients, shadows, bevels, or dimensional effects.
  • Do not substitute the wordmark typeface with live text.

Logo sizing

Clear space and minimum size

1X1X

Keep clear space equal to the cap height of the O on every side. Use the horizontal lockup at 120 px or larger when possible and never below 96 px. Use the compact ONE block at 32 px or larger.

Approved source

The files below are derived directly from the supplied logo sheet. Replace these assets in place when a future master logo package is commissioned.

Production assets

Brand files

Download the exact light, dark, compact, and social assets currently used by the website.