Visual Identity · v1.1 · August 2026

RackWire

A hexagonal rack aperture woven from six cable runs. Three runs carry signal colour and ride over the frame; three are structural steel and pass beneath. The interlace closes without a seam — every run is over once and under once.

Primary lockup

RackWire

The default signature. Use wherever horizontal space allows — application headers, documentation mastheads, presentation title bars.

Secondary lockups

RackWire
Stacked — square-ish placements, splash screens, merchandise.
RackWire
Mark alone — favicons, avatars, watermark, loading states.

Monochrome

RackWire
Knockout white — over photography, dark print, single-colour vinyl.
RackWire
Solid ink — invoices, laser etch, fax-grade reproduction.

Both files inherit currentColor, so a single asset recolours from CSS. In monochrome the weave is expressed as a break in the under-run rather than a dark casing.

Application icon & scale

RackWire
132 px
RackWire
64 px
RackWire
32 px
RackWire
16 px

Below roughly 40 px the full mark's casing gaps close up, so a simplified cut with heavier runs and a solid core takes over. That switch is already baked into rackwire-favicon.svg.

Product tiers

Tier lockups append a descriptor beneath the wordmark, left-aligned to the R in the horizontal signature and centred in the stacked one. The descriptor is set at 30% of the wordmark cap height, tracked wide, in Frame Steel so it labels the product without competing with it. The mark itself never changes between tiers.

RackWire
RackWire Pro — primary.
RackWire
RackWire Studio — primary.
RackWire
RackWire Pro — stacked.
RackWire
RackWire Studio — stacked.
RackWire
Pro, knockout white.
RackWire
Studio, solid ink.
PropertyValueNote
Descriptor cap30 u30% of the 100 u wordmark cap height.
Descriptor stroke17 uOptically weighted, not scaled from the wordmark stroke.
Tracking46 uWide enough to read as a label at small sizes.
Baseline drop143 uTop of descriptor, measured from the wordmark cap line.
Colour#8FA3BAFrame Steel. In monochrome it inherits currentColor with the rest.

Set the base product as RackWire with no descriptor — never “RackWire Base” or “RackWire Free”. Do not invent further tiers by swapping the descriptor text; new tiers need their own drawn outlines, since the descriptor is vector, not live type.

Colour

Signal Cyan#22D3EENetwork / data runs
Signal Magenta#E879F9Lighting & DMX runs
Signal Amber#FB923CPower & distribution runs
Signal Lime#A3E635Audio runs
Frame Steel#63788FStructural runs, highlight
Frame Shadow#25303FStructural runs, shade
Type White#EDF3F9Wordmark, primary text
Rack Ink#070A0EGround, cable casing

The four signal hues are the same tokens the planner uses for its cable domains, so the identity and the application UI stay in sync. Steel is reserved for structure and must never carry signal meaning.

Construction

PropertyValueWhy
Grid60°Every run lies on a hexagonal axis; no arbitrary angles exist in the mark.
Circumradius156 uMeasured in the 512 u artboard the mark is authored in.
Run body / casing30 / 36 uA 3 u dark gap on each side reads as an overlap, not a break.
Overhang44 uMust exceed half the casing cut, or the under-run loses its tip.
Core node58 uThe patch point; carries all four signal hues as one gradient.
Clear space1 coreKeep the width of the core node clear on all sides of any lockup.
Minimum size24 px / 7 mmMark alone. Lockups: 120 px / 32 mm wide.

Usage

Do

  • Place on ink, near-black, or a dark desaturated photograph.
  • Scale the SVG — it is resolution independent and hand-built on a 60° grid.
  • Use the monochrome cut whenever the background is busy or light.
  • Let the neon stay an accent; the composition should read dark first.

Don't

  • Recolour individual runs or reassign a hue to another domain.
  • Rotate the mark — the vertical steel run anchors it upright.
  • Add outer glow, drop shadow, or bevel on top of the supplied art.
  • Set the wordmark in a substitute typeface; it is drawn as outlines.
  • Place the full-colour mark on white without the ink ground behind it.

Files

AssetUse
rackwire-lockup-horizontal.svgPrimary signature
rackwire-lockup-stacked.svgVertical signature
rackwire-mark.svgMark, full colour
rackwire-mark-mono.svgMark, single colour (currentColor)
rackwire-lockup-mono.svgSignature, single colour (currentColor)
rackwire-app-icon.svgRounded tile, desktop & mobile
rackwire-pro-lockup-{horizontal,stacked,mono}.svgRackWire Pro signatures
rackwire-studio-lockup-{horizontal,stacked,mono}.svgRackWire Studio signatures
rackwire-favicon.svgSimplified cut for 16–32 px
*.pngTransparent raster exports, 1024–2400 px wide