Brand guidelines · Version 2 · October 2026
Intertwine Partners
The parent company's identity in one place: the wordmark and lockup, color, type, the components the site is built from, and how it moves and speaks. It is the Intertwine family's system, shared with Associates, Bio and Digital, in the parent's own Evergreen and Mint.
01 · Logo
The wordmark, the name, the TW.
The 2025 INTERTWINE wordmark leads, unchanged: heavy, wide capitals with angled cuts. Under it, Partners is set in Satoshi Medium capitals, the face of Primer and Associates, spread to the wordmark's exact width, the © a shade lighter. In the artwork the second T and the W are one shape, joined at the crossbar; that TW is the mark wherever the name will not fit.
Three sizes: 13, 16, 22px wordmark
The TW mark: 40, 24, 16, 12px
The wordmark alone
The TW mark as an icon
Favicon and app icon: Evergreen on Mint
Clear space and size
- Keep clear space equal to the height of the wordmark on every side.
- Smallest lockup: 120px wide on screen, 30mm in print. Below that, use the wordmark alone; below 64px wide, the TW mark.
- Smallest TW mark: 12px tall. It is cut from the wordmark, never redrawn, re-spaced or outlined.
- The favicon and app icons are one tile: the TW mark, cut from the wordmark unchanged, in Evergreen on Mint, in a browser tab as on a phone. Never white, never the bare mark on a clear ground.
Color pairs
- Mint on Evergreen: the 2025 pairing, and the first choice on dark grounds.
- Evergreen on Paper, white or Mint.
- White on a photograph's dark panel.
- Partners follows the ink at 64% (62% in white, 72% in Mint).
Never
- Retype INTERTWINE in another face, or set it in lower case.
- Separate the T and the W of the mark, or join any other letters.
- Recolor the wordmark and Partners separately.
- Add a shadow, glow, gradient or outline.
- Set it on a busy photograph without a solid panel behind it.
The family
The parent's name, and the companies' drawn marks. It shows its companies by their own marks, always in one color with each other.
Partners
Associates
Bio
Digital
Downloads
Lockup, Evergreen
For light grounds
Lockup, Mint
For Evergreen
Lockup, white
For photographs with a panel
Lockup on a ground
Ready for slides and documents
Wordmark
TW mark
Favicon and app icons
Link preview card
1200 by 630, shown when the site is shared
Brand tokens
Every color as CSS variables, light and dark
02 · Color
Evergreen and Mint, and the water between them.
The two colors of the 2025 artwork lead. Evergreen carries text, buttons and the dark ground; Mint is the signature, the wordmark on Evergreen and dark-mode buttons. Current, the 2025 teal deepened, marks links. Everything else is a quiet neutral. Click a color to copy it.
Primary
HEX#153936
RGB21, 57, 54
On white12.6:1 · Text
On Evergreen1.0:1 · Fills only
Ink, primary buttons, the dark ground, the wordmark on light grounds.
HEX#CDE7E6
RGB205, 231, 230
On white1.3:1 · Fills only
On Evergreen9.7:1 · Text
The signature: the wordmark on Evergreen, primary buttons in dark mode.
HEX#FFFFFF
RGB255, 255, 255
On white1.0:1 · Fills only
On Evergreen12.6:1 · Text
Cards and fields; words on Evergreen.
Supporting
HEX#F6F8F7
RGB246, 248, 247
On white1.1:1 · Fills only
On Evergreen11.8:1 · Text
The light ground every page sits on.
HEX#1A403C
RGB26, 64, 60
On white11.4:1 · Text
On Evergreen1.1:1 · Fills only
Cards and panels on the Evergreen ground.
HEX#006E68
RGB0, 110, 104
On white6.1:1 · Text
On Evergreen2.1:1 · Fills only
Links and highlights on light grounds (5.7:1 on Paper). The 2025 teal, deepened.
HEX#84BDBA
RGB132, 189, 186
On white2.1:1 · Fills only
On Evergreen6.0:1 · Text
The second voice: focus rings, callouts, quiet tags.
HEX#E5F1F0
RGB229, 241, 240
On white1.2:1 · Fills only
On Evergreen10.9:1 · Text
Mint at its quietest: active rows, selected states, tags.
HEX#B7791F
RGB183, 121, 31
On white3.6:1 · Large text
On Evergreen3.5:1 · Large text
Warnings only. Never decoration, never good or bad in a chart.
Scales
evergreen
mint
current
Theme roles
Light and dark only. Components use these roles, never raw colors.
| Role | Light | Dark |
|---|---|---|
| Page ground | #F6F8F7 | #153936 |
| Cards, sidebar, fields | #FFFFFF | #1A403C |
| Text, icons | #153936 | #F2F7F6 |
| Supporting text | rgba(21, 57, 54, 0.78) | rgba(242, 247, 246, 0.78) |
| Labels, meta | rgba(21, 57, 54, 0.70) | rgba(242, 247, 246, 0.62) |
| Hairlines | rgba(21, 57, 54, 0.12) | rgba(205, 231, 230, 0.20) |
| Primary buttons | #153936 | #CDE7E6 |
| Active rows, chips | rgba(132, 189, 186, 0.20) | rgba(205, 231, 230, 0.12) |
| Links | #006E68 | #A9D3D1 |
Proportion
How much of a typical page each color covers. Amber appears only as a warning.
- Paper 50%
- White 18%
- Evergreen 20%
- Mint 8%
- Current 3%
- Amber, warnings only
03 · Typography
One face, set with care.
Satoshi, the face of Primer and Associates, carries everything: Partners in the lockup, the display headlines, the figures, the text, the labels. Large sizes are set in the medium weight and tracked in hard (minus 3 to 5 percent), so the headlines read as drawn rather than typed. IBM Plex Mono marks indices and data keys. Sentence case throughout; no italics for emphasis.
Aa
Satoshi
Indian Type Foundry · Regular 400, Medium 500, Bold 700 · self-hosted · IBM Plex Mono for indices
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & % $ ©
IBM Plex Mono · code and data keys
Display
The home statement, once.
Where ideas converge
Satoshi Medium 44 to 112, tracking -4%, leading 0.98
Page title
The h1 of every page.
Where ideas converge
Satoshi Medium 40 to 72, tracking -3.5%, leading 1.02
Section
Section headings.
Where ideas converge
Satoshi Medium 30 to 44, tracking -3%, leading 1.08
Figure
Large numbers: milestones.
Where ideas converge
Satoshi Medium 64 to 160, tracking -5%, tabular figures
Card title
Card and row titles.
Where ideas converge
Satoshi Bold 16, leading 1.375
Body
Reading text.
Where ideas converge
Satoshi Regular 16, leading 1.7 (prose) or 14 / 20 (interface)
Small
Meta, hints, captions.
Where ideas converge
Satoshi Regular 12, leading 16
Eyebrow
The label above a page title.
Where ideas converge
Satoshi Medium 11 to 13, capitals, tracking +20%
Label
Section labels, table heads, stat labels.
Where ideas converge
Satoshi Regular 11, capitals, tracking +15%
Button
Buttons.
Where ideas converge
Satoshi Medium 13, tracking +2%
04 · Components
One of each.
The site is built from the family's parts: one button in two weights, one card, one pill, one stat tile, one field. Corners are 1rem on cards, 0.75rem on fields, full on buttons and pills. Cards carry a hairline and no shadow; only floating layers cast one.
Buttons
.btn-primary 13px Medium, pill, lifts 1px on hover. .btn-secondary on a Mint tint with a hairline.
Pills
11px Medium, for status and short facts. Never for actions.
Field
.input, a Mint ring on focus.
Built in Charleston
2025
Subsidiaries
3
A card that goes somewhere
Clickable cards lift 2px on hover; their border darkens one step.
Trail and progress
The trail names the page's parents; progress runs Sea glass to Current.
05 · Motion
Calm, quick, and only when something changes.
The family's motion, unchanged: pages fade in, panels settle up 8px, colors cross-fade, clickable things lift a pixel or two. Nothing loops for attention, and everything holds still for people who ask for less motion.
Fade in
fadeIn 0.3s ease-out
A page or a menu arriving.
Fade up
fadeInUp 0.45s cubic-bezier(0.16, 1, 0.3, 1)
A panel, a toast, a word in the home statement.
Colors
color, background, border 250ms ease
Hovers, the theme switch.
Lift
translateY(-1px) buttons, (-2px) cards
Hover on anything that acts.
Logo films
the 2025 animations, re-colored only: each company mark drawn in one stroke (3s), and the family morph (loop)
Brand moments only: the companies on the home page, the guide, film titles, event screens. Never in navigation.
Reduced motion
all durations to 0.01ms
Everything still and visible.
The home stage films
The three marks that draw themselves on the home page: each company's 2025 animation in white on pure black, 540 pixels square, cut to loop (drawn, then undrawn). Lay them over a dark ground with a screen or lighten blend so only the line shows; tint the line to the company's color if needed.
06 · Voice
Composed, long-term, and specific.
The parent speaks for three companies, so it speaks plainly: what each company does, what the parent builds, and what it is still preparing. No promises it cannot keep, nothing that reads as an offer to invest. Sentence case, American spelling, no emoji, no exclamation marks.
We say
We avoid
Where ideas converge, innovations emerge.
A synergistic ecosystem of best-in-class verticals.
We saw the need. Now we are helping build what is next.
Disrupting the future of everything.
Three independently operated companies.
A diversified, world-class conglomerate.
Invest in diverse markets
Do not miss this once-in-a-lifetime opportunity!
Leaders who do the work.
Visionary thought leaders and rockstar innovators.
Plain sentence case: "Our principles"
Title Case For Every Label, or ALL CAPS shouting
Numbers as numbers: 40%, 3 to 12 months
Approximately forty percent
Guides
Go deeper
Icons
The company's own line set, drawn in its own hand, in three weights.
Line and light
Hairlines, the lit Evergreen panel, shadows and the logo films.
Textures
Twine strands, bridge cables and tidal contours.
Data
Chart colors, anatomy and rules, in the company's palette.
Photography
The Lowcountry and the table: the graded library of 37.
Socials
Profile images, covers and post templates.
Questions about the brand: contact us.