The visual language of semanticOps.ai, a data-centric AI consultancy. Cool, engineered, senior, calm. Sparse signal in a quiet field: structure you can trust under load.
Everything in this language carries one conviction: reliable AI is a system, not a model, and the data underneath decides whether it holds. The identity is a knowledge graph at night: cool slate nodes drift and connect, and where signal travels, they light cyan.
A field of nodes in the dark. Most stay cool and quiet. A few light up as signal moves between them: data becoming knowledge.
That metaphor sets every decision: a deep blue-black ground, restrained slate structure, and accent reserved for the moments that matter. Accent is signal, never decoration. If everything glows, nothing does.
Weight sits at the bottom of the stack. The visible layer is the smallest part of the work.
Accent marks meaning, one live thing per view. Calm by default, lit on purpose.
Tight radii, hairlines, monospace labels. Precision reads as competence.
The mark is a hexagonal knowledge graph: an outer ring, an inner ring, and a center, fully triangulated. A cluster lights cyan toward the center and lower-right: the moment data becomes knowledge. It is the same geometry that animates the hero, frozen.
Six outer nodes, six inner nodes, one center, with 30 edges. Never redraw by hand; the mark is generated from fixed geometry so weight and node radius scale crisply at any size.
Clearspace: keep free space of at least one inner-ring radius on every side (shown).
Line weight and node radius are size-aware: crisp and bold when small, fine when large. Never place the mark below 22px; below that, edges collapse.
A layered blue-black ground carries everything. Text steps down through four cool greys. Accent (cyan, locked) is the only saturated color, and it appears sparingly: live data, the active layer, a single call to action. Click any swatch to copy its hex.
The locked primary. Slate-cyan reads as “live data” against the night ground.
Alternate. Warmer, more human “lights in the city.” Available, not default.
Most reserved. For contexts where even the accent should whisper.
Three families, each with one job. Space Grotesk gives headings an engineered, slightly mechanical edge. Hanken Grotesk keeps body copy warm and readable. JetBrains Mono carries every label, metric, and eyebrow: the “instrument readout” voice.
Structure is drawn with 1px hairlines at low opacity, not heavy borders or shadows. Radii stay small. Space follows a simple rhythm. The grid keeps a 1180px max with a fluid gutter.
Small and consistent. Buttons and chips use the smallest; cards and panels the largest. Pills are fully round.
Section padding is fluid (80–150px). Component gaps step through a calm scale.
Three weights of cool line do all the structural work, no drop shadows.
One signature ease for entrances and the living graph; a softer ease for UI state.
Few parts, used consistently. Mono labels, hairline frames, accent reserved for the one live element in each.
Architecting the base everything depends on: pipeline, lakehouse, streaming, quality, and governance design.
Motion is slow and purposeful. The graph breathes; signals travel rarely; content settles once. Nothing bounces, nothing loops aggressively. If a motion competes with reading, it's wrong.
Slate nodes drift on a canvas and link within 168px. Every ~50 frames a signal emits, travels an edge, lights the destination cyan, and may chain onward at 55% odds. Decay is ×0.965/frame.
The live eyebrow dot rings outward over 2.4s, a heartbeat that says “system online.” One per view, tied to the graph metaphor.
Content rises 20px and fades over 620ms easeOut, staggered 80ms per step (d1–d5). Never blocking.
Borders warm to --accent-line, the active layer grows a 2px accent rail, buttons lift 1px. All 0.25–0.35s on the signature ease.
The voice of an operator who has shipped this before. Lead with the value, name the conviction, skip the hype. Short lines. Confident claims a competitor would hesitate to make.