Rekon publishes engagements, not engagement. The brand mirrors the work — editorial research dossiers, not a SaaS funnel. Three columns below define what we stand for, how we sound, and what we refuse to be.
AI-assisted offensive security for teams who care about technique, not checkboxes. Real engagements, signed artifacts, named researchers. We chain vulnerabilities, we don't list them.
Short sentences. Measurable facts. No marketing fog. If we write a claim, it has a CVSS, a timestamp, or a hash behind it. Present tense. Verifiable.
The brand is defined as much by refusal as by assertion. These patterns are how agencies render every security firm into the same shape. We don't.
10px red square plus wordmark in Space Grotesk 600. The dot is always red — it is the only ornament the logo is allowed. Clear space equals the cap-height × 1. Below 16px use the mark alone.
x) on all four sides. Nothing — typography, imagery, rules, edges — may enter this zone. On digital surfaces, x = 0.55 × line-height. On print, x = 1 × cap-height.One accent. Ten neutrals. Red is reserved for: the mark, severity signals, links, critical metrics, and the hero noise ambience. It never appears as a surface fill for text blocks, cards or buttons of non-critical actions.
0.28 alphaThe only ambient use of red. 18 radial blobs, hue 355–363, 72% saturation, 46% lightness, each at 0.04–0.12 alpha, composited with lighter. Never blows out to white. Never crosses 0.4 alpha. Radial mask to 60% of the frame — the right quadrant only.
Space Grotesk is the voice — display, editorial headlines. JetBrains Mono is the evidence — labels, CVEs, prices, metadata. Inter is the explanation — body prose at 14–17px. No substitutions, no fallbacks in brand applications.
One accent. Ten neutrals. Red is reserved for the mark, severity, links and critical metrics.
The grid is visible: vertical rules render at rgba(255,255,255,.018) in hero and key sections. Rhythm over decoration. Three density modes adapt the scale for dossiers, decks and terminal reports.
Every component below is live HTML and CSS pulled from the production site — no mockups. Hover states, click states, focus rings all behave the same in a brand book, a dossier, a deck. One vocabulary.
Six patterns do all the mood-setting: hero noise, grid lines, side rails, ticker, dashed rules, code highlight tokens. Everything else is rule, rhythm and type.
hue 355–363, composite lighter, max alpha 0.12 per blob. Right-biased radial mask (x≈72% y≈40%). Drift ±0.25 px/frame. Never white.rgba(255,255,255,.018). Background only. Appears in hero, method, entregables. Breaks to 6-col below 960px..1em.--rule-2. Between phases, between faq rows, never for hierarchy — only rhythm.If a headline can't be backed by a CVSS, a timestamp or a hash, it's marketing. Headlines are declarative and short. Body copy is present tense. Prices on the surface. Numbers over adjectives.
"Lo que tu scanner no ve, nuestra IA lo explota."
"Transform your security posture with our best-in-class AI."
"87 vulns · 3 zero-days · 9 attack chains. 48h recon → report."
"Unlock unprecedented visibility across your attack surface."
"Retest incluido. 30 días. Sin recargo."
"Empieza hoy 🚀 y lleva tu seguridad al siguiente nivel."
Publicamos lo que otros esconden.
We publish what others hide.
Encontramos lo que tu scanner no ve.
We find what your scanner misses.
Every touchpoint is built from the tokens above — no new primitives, no special-case illustrations. Every mockup below is rendered from the same CSS that ships on rekon.sh.