Skip to content

Brand guidelines

Data

Numbers are where the company proves its work, so they get the same care as the words: a validated color order, thin marks, quiet axes, labels where they help, and a table behind every chart. The charts on this page use example data.

01 · Color

Six series, in a fixed order.

Current, the parent's teal, leads, then Iris, Rose, Harbor, Brass and Plum. The order is the safety mechanism: each color was generated at one lightness in OKLCH and the order chosen so neighboring series stay apart for color-blind readers (worst adjacent ΔE 11.3 light, 10.6 dark; target 8) and every color clears 3:1 on its card. A seventh series folds into Other.

Light mode

  • 1 · Current

    #00897B

  • 2 · Iris

    #7262B7

  • 3 · Rose

    #AE4C67

  • 4 · Harbor

    #2A75BA

  • 5 · Brass

    #946900

  • 6 · Plum

    #9B5295

Dark mode

  • 1 · Current

    #00AB9D

  • 2 · Iris

    #9283DC

  • 3 · Rose

    #D36D87

  • 4 · Harbor

    #4D97DE

  • 5 · Brass

    #B68B16

  • 6 · Plum

    #BE73B8

Sequential · one hue

Mint into Evergreen, light to dark, for magnitude. For ordered steps (tiers, stages) start at Mint 300 so the lightest still shows on white.

Diverging · two poles

Rose below, Current above, a grey middle that means nothing. Equal steps on each side.

Status · reserved

  • On track
  • Needs attention
  • Blocked

Never a series color, never alone: always an icon and a word.

02 · Anatomy

Thin marks, quiet axes, labels where they help.

Hover a chart for exact values, or switch it to a table. Example data.

Revenue by company, indexed

Per month, January = 10, example data

  • Associates
  • Bio
  • Digital
Revenue by company, indexed. Associates ends at 74 h; Bio ends at 55 h; Digital ends at 38 h.04080JanMarMayJulSepNovDecAssociatesBioDigital

Time to close a partnership

Working days, by partnership type

  • Subsidiary contract9 d
  • Co-development14 d
  • Licensing21 d
  • Advisory6 d

Where the capital went

Share by stage, two example years

  • Launch
  • Grow
  • Scale

  • Year one1,020

  • Year two920

Companies

3

Associates, Bio, Digital

Founded

2025

Built in Charleston

Experience

25+

Combined mission experience

Partners

2

Managing Partners

03 · Rules

What every chart does.

Always

  • Pick the form for the job: a number gets a stat tile, change over time a line, comparison a bar.
  • Bars start at zero, no thicker than 24px, with a 4px rounded end; touching marks keep a 2px gap.
  • Lines 2px; end markers 8px with a ring in the surface color.
  • Axis text 11px in the tertiary ink; gridlines are hairlines, solid, and few.
  • A legend for two or more series, plus a direct label at the end of each line.
  • Values in text colors, never in the series color; numbers in tabular figures.
  • A hover tooltip and a table view behind every chart.

Never

  • Two y-axes on one chart. Use two charts, or index both to a common start.
  • Red and green for bad and good, or amber for anything but a warning.
  • Pies, donuts, 3D, gradients or shadows on marks.
  • A number on every point, or a label clipped by its own bar.
  • Colors that change when a filter changes; a series keeps its color.
  • A chart where a sentence would do.