analyticlab

Brand Kit · v1.0 · 2026-05-04

AnalyticLab visual system

Every approved logo, icon, color, and type token in one page. The full written guide lives in BRANDING.md.

● Cyan parent palette Hex node motif Inter + JetBrains Mono SVG-first

§2 Logos

Four approved variants. The Network Core mark is canonical for any display from 28 px upward; the favicon-optimized variant takes over below that. Use the Prism only as a decorative accent in long-form material — never as the primary identity.

Network Core mark

Mark — Network Core CANONICAL

The hexagonal lab chamber containing three satellite nodes converging on a glowing central core. The default identity for app icons, favicons, and any chrome where the wordmark would feel redundant.

logos/analyticlab-mark.svg
Sizes 16 · 32 · 64 px
AnalyticLab horizontal lockup

Lockup — mark + wordmark

Mark plus the analyticlab wordmark in Inter Bold. Default for the navigation bar, decks, business cards, and email signatures. Minimum width 160 px.

logos/analyticlab-logo.svg
Prism alternate mark

Alt — Prism

Six refracting facets around a luminous core. Use only as a decorative accent in long-form material — never as the primary identity. Looks great as a section divider or background motif.

logos/analyticlab-mark-prism.svg
Favicon mark

Favicon — simplified mark

Filled hex with white network inside. Same DNA as the canonical Network Core but engineered for tiny sizes (16-32 px browser tabs) — no halo, no filters, chunkier strokes, white-on-cyan for max contrast.

logos/favicon.svg
Sizes 16 · 32 · 64 px

§3 Colors

A single cyan family for everything on AnalyticLab properties. Products may keep their own brand color on their own sites (Preston-Check is green at preston-check.com), but on this site, cyan leads regardless of which product is featured. Tight neutrals for surfaces and text.

Parent brand — cyan

Cyan-50
#F0F9FF
Reserved highlights, near-white halos
Cyan-100
#E0F2FE
Logo gradient bright stop, satellite node fills
Cyan-200
#BAE6FD
Glow inner ring, hover states
Cyan-300
#7DD3FC
Logo connection traces, icon strokes, default accents
Cyan-400 PRIMARY
#38BDF8
Logo gradient deep stop, primary CTA fills, wordmark accent
Cyan-500
#0EA5E9
Pressed states, deeper accents (sparingly)

Note on terminal output. The faux-CLI pane on the homepage uses universal status colors (green PASS, red FAIL, amber WARN, violet AI annotations) inside the terminal frame only. These are cross-tool conventions, not brand colors — they never appear elsewhere on the site. See BRANDING.md §3.2.

Neutrals

Canvas (--bg-0)
#050706
Page background, never pure black
Surface (--bg-1)
#0A0D0C
Card and panel base
Foreground
#F3F4F6
Body text, never pure white
Muted
#9CA3AF
Secondary copy, descriptions

§4 Typography

Two typefaces. Inter for everything that humans read. JetBrains Mono for everything that came from a machine.

Inter — UI & marketing
analyticlab
Headings, body, navigation, buttons, marketing surfaces. Weights 400 / 500 / 600 / 700 / 800. Stylistic alternates ss01, cv11 enabled site-wide.
font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
JetBrains Mono — code & chrome
$ preston-check --ai
Terminal output, code blocks, inline code, version numbers, technical chrome. Weights 400 / 500. Use sparingly — if everything is mono, nothing reads as technical.
font-family: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

§5 Icons

All icons share a single visual rule: each must contain at least one filled currentColor circle — the data node motif that ties the icon set to the logo. 24×24 viewBox, 1.7 stroke, round caps. Default render: cyan-300.

local-first.svg

Local-first

Monitor outline with a contained data node and lateral data lines. Privacy, sandboxed, on-device.

ai-augmented.svg

AI-augmented

4-axis burst with surrounding rays around a central node. Intelligence radiating around your data.

compliance-mapped.svg

Compliance-mapped

Clause sheet with a tagged data node beside the rules. Audit, regulation, evidence.

open-by-default.svg

Open by default

Angle brackets framing a transparent data node. Open source, OSS, code-level.

§6 Voice

AnalyticLab speaks as a precise, technically credible peer — never as a vendor selling fear. Five "we are X, not Y" lines.

An analytical labnot a SaaS platform.
An engineering companynot a security vendor.
A fintech-native teamnot a compliance consultancy.
A CLI-first vendornot a marketplace.
Specific over abstractnumbers beat adjectives.