tech and artery — identity
Identity System — Vol. 01 — Aligned to the Jaxxtheart / Artery org system
tech and artery
Enterprise software
Est. 2015
tech and artery

Platforms. With Soul.

A mark for a company that treats financial services and healthcare as galleries for a genuinely artistic point of view — built on one shared discipline across every repo, not a one-off skin.

Manifesto

We believe the most important systems in the world deserve better design.

  • The systems that need more than one discipline.
  • The systems that sharpen judgment instead of replacing it.
  • The systems that turn complexity into something simple.

Enterprise technology has spent decades optimising for functionality.

We think there is another standard.

One where engineering and design are not separate disciplines.

Where intelligence does not remove humanity.

Where complex technology produces simple experiences.

Where software can be powerful and beautiful at the same time.

We build for that world.

Because technology should do more than operate.

It should have a Soul.

Tech and Artery.
01 Concept

The name already does the explaining.

The founder has held the same two obsessions since he was five: how things are built, and how things look. Every version of this company since 2015 has been an argument that those were never separate disciplines — just an industry that insisted on treating them that way.

Artery was chosen because it does two jobs at once. Anatomically, an artery carries the signal outward — oxygen, pressure, the thing that keeps a body alive. Positioned against finance and healthcare, two industries built to resist change, that's exactly the role: the vessel that gets a genuinely new idea past the institutional plaque.

And typographically, the word was already carrying a second message: art is sitting inside artery, uncredited, the whole time. The identity's one central move — the only color the system spends on a large scale — is to stop hiding it.

Founded
2015 — bootstrapped through several turns before the thesis held.
Category
Enterprise software for financial services & healthcare.
Thesis
Technology and art‑influenced aesthetics aren't opposed to rigor — in rigid industries, they're the differentiator.
System
Built as a new project under the org design system from day one, not retrofitted.
artery
THE ENTIRE BRAND THESIS, TYPESET. One italic, one color — the org system's "exactly one accent" rule and the wordmark's one move are the same rule.
02 Logo Construction

One continuous line, read left to right.

The mark opens as an arterial pulse — a soft, organic hump. At its center it spikes, the way a heartbeat does. Past the spike it stops behaving organically and starts behaving like a circuit — right angles, a routed trace, a terminal via. The line itself stays ink; only the terminal — the signal's arrival — spends the system's one accent.

Icon — favicon, app tile, standalone
tech and artery
Wordmark — the primary mark. Nav, cards, anywhere horizontal space is tight
tech and artery
Icon + wordmark, stacked — letterhead, covers, anywhere with vertical room

The icon is never paired inline, beside the wordmark, at compact scale. Rendered and compared directly: the icon is a wide, quiet horizontal line and the wordmark is a narrow, high-contrast block — side by side they read as two unrelated objects, no matter how the pairing is tuned. Stacked, with the icon given its own line above, both read as one composition. The wordmark alone is the primary mark precisely because it's the one asset that works everywhere, including where there's no room to stack.

CLEARSPACE = 1× TERMINAL-DOT DIAMETER (X) X

Minimum clearspace & size

Keep open space around the mark equal to the diameter of its own terminal dot (X), measured on all sides. Never let a rule, edge, or block of text enter that margin.

16px — favicon floor
24px — UI floor
40px — print floor
03 Color

White leads. Black is reserved. One accent.

Per the org system's §3: a near-monochrome base plus exactly one accent color, nothing decorative added beyond it. Paper leads here — black is held back as a deliberate, rare punctuation surface rather than the default ground. Arterial is the one accent throughout either way: oxygenated blood, the signal leaving the body, spent only where it earns its place.

Ground
Paper
#FCFCFA
The primary ground. Leads every page.
Paper, raised
#F5F4F0
Panels, cards, spec grids.
Ink
#0D0A0B
Body text. Reads dark-on-light by default.
Punctuation — the black scale, spent once
Void
#050405
The manifesto's one full-black moment.
Ink-black
#0D0A0B
Cover plates, ink lockups.
Charcoal
#161213
Raised panels inside a black moment.
Graphite
#221D1F
Sunken wells, insets — inside black only.
Smoke
#362F31
Hairlines, low opacity, on black.
Ash
#5C5457
Muted text on black.
The one accent
Arterial
#C81E3C · #FF5163 dark
The only decorative color in the system. The “art” in artery, the terminal on the mark, a primary CTA. Nothing else earns it. Reads calmer on paper than it did on black — closer to a masthead red than a warning light.
Semantic — functional only, per §3.3
Success
#1B6E4C · #4FE3A6 dark
Confirmations, positive deltas. Never used decoratively.
Danger
= Arterial
Errors, destructive actions. Reuses the one accent rather than adding a second — a documented functional reason, per §3.2.
Warning
#96701F · #D9A648 dark
Caution states only. Desaturated on purpose, so it never competes with the accent.

Two real changes from where this identity started. First: an earlier draft carried a second decorative hue (a deep violet, "Venous") alongside a signal green — both retired under the org system's one-accent rule; green survives only as the functional Success state above. Second: the direction itself flipped, from black leading to paper leading, black held back for the one moment that earns it. See Org Alignment for the full list of what changed and why.

04 Type & Grid

Three faces. A fixed scale. Nothing arbitrary.

PP Editorial NewDisplay / EditorialLarge statements, section titles
Fallback: Georgia, serif
the art in artery
PP Neue MontrealUI / BodyParagraphs, product UI, nav
Fallback: Inter, sans-serif
Set for the paragraphs, product UI, and everything a reader is meant to move through quickly — the workhorse that lets the display face stay rare, and therefore valuable.
PP Fraktion MonoMono / DataLabels, folios, specs
Fallback: JetBrains Mono
TECH-AND-ARTERY // EST.2015 · BUILD:ENTERPRISE
ScaleOrg system §2 — 12/14/16/18/21/24/32/40/56/72/96
96pxArtery
72pxArtery
56pxArtery
40pxArtery
32pxArtery
24pxArtery
Spacing
4px base unit — 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 96 / 128. No one-off values.
Grid
12 columns on desktop, collapsing to 4 on mobile. This page's content sits at a 1200px max-width.
Dividers
Margins over borders. Sections separate by 96px of padding, not a rule line — a hairline only appears where it delineates a real boundary (a spec grid, a table row).
05 Iconography

Six primitives, one family — never mixed.

The org system's §6 rule is simple: one icon set per project. This one is custom, built from the mark's own vocabulary — a point, a curve, a spike, a right angle — so a product icon and the company mark always read as the same hand.

Dot
Build
Circle
Connect
Arrow
Progress
Diagonal
Intelligence
Infinity
Flow
Dash
System
Stroke
1–1.5px, one constant weight. Never variable, never filled — the dot is the single exception, and even that stays one point.
Grid
Built on the same module as the mark: corners and centers, not freehand.
Caps
Round caps and joins throughout, matching the logomark's own line ending.
Color
Single currentColor — Ink by default, the one accent only when the icon is the point of the screen.
06 Documents & Presentations

Read like a monograph. Never pitched like a deck.

The objective was never to look like Leica, or Monocle, or a Vitra catalogue. It's to borrow their instruments — the caption, the folio, intentional white space — and run them through the system already built here.

Manuals
Braun, and the studios like it — hierarchy as honesty. One instruction per line.
Gallery labels
Modern galleries — captions carry authority quietly. Small, factual, unornamented.
Independent press
Monocle, and its kind — structure is wayfinding, not branding. A folio and a running head.
Object catalogues
Aesop, Vitra, Muji, COS — restraint reads as confidence. The org system's own §1.2, in different words.
01 — Tech and Artery
The signal survives
the institution.
Enterprise briefing · Q3
Cover plate — the one moment a document goes fully to black
14 — Signal
3.2×
Time-to-signal, enterprise average
vs. incumbent platforms, trailing 12 months
Interior page — one number, one accent
Bullet list of sixOne statement, alone on the page
Logo bug, every cornerA folio and a running head
Six colors of chartOne number, in black and the one accent
07 Applications

The mark, in the wild.

tech and artery
Head of Platform
techandartery.com  ·  est. 2015
Business card — ink ground, one accent
App icon — dark & light tiles
tech and artery — enterprise console
PRODUCT SURFACE — PHASE 02, NEXT
Browser tab / favicon at 16px alongside the wordmark
08 Org Alignment

Built inside the org system, from day one.

Per Jaxxtheart / Artery → DESIGN_SYSTEM.md §9: referencing the org system is opt-in for existing projects and the default for new ones. This is a new project — everything above follows the constitution directly. Where a choice depends on something not yet available to this repo, it's recorded here rather than left to drift silently.

Typography
PP Neue Montreal / PP Editorial New / PP Fraktion Mono, per §2 — not yet licensed, so this deck renders on the documented fallback stack (Inter, Georgia, JetBrains Mono) until the real files are self-hosted.
Color
Near-monochrome + exactly one accent, per §3. An earlier draft carried a second decorative hue (Venous violet) and an expressive green — both retired; green survives only as the functional Success state.
Direction
Paper leads, black is reserved. §3's stated default for brand/marketing work is dark-first — this is a deliberate deviation, chosen for editorial clarity after comparing both directly, recorded here per §9.3 rather than left silent.
Spacing & grid
4px scale, 12-column grid, 1200px content width, margins over borders — §4, applied directly, no deviation.
Motion
Entrances ease with cubic-bezier(0.16, 1, 0.3, 1), per §5. The mark's draw-in is this page's one signature moment (§5.1) — plays once, then holds; it no longer loops.
Icons
One custom family, six primitives, never mixed with another set — §6, applied directly.
Canonical source — Jaxxtheart/Artery → DESIGN_SYSTEM.md (draft branch)
09 Usage

Six ways to keep the discipline honest.

Correct
artery

“Art” stays the only recolored, italicized element. One move, one accent, held consistently.

Avoid
artery

Never stretch or condense the wordmark to fit a space — resize the frame instead.

Avoid
artery

Never introduce a second brand color — even a considered one. The org system allows exactly one.

Correct

On a solid accent field, the mark drops to a single ink or paper tone — never full color on full color.

Avoid
tech and artery

Never fuse “tech and” onto the wordmark's own baseline in a second typeface — two fonts sharing a line reads as a sentence next to a logo, not the logo itself. A border around it doesn't fix that; it just draws a box around the same mismatch.

Correct
tech andartery

The full name, every time — one typeface throughout, tight leading, flush-left. Proximity and consistency do what a border was standing in for.