Brand
The Neural Inverse brand.
The logo and where it sits, our names, voice, colour, type, layout and page patterns, with files for press and partners.
The logo
The logo is the two-blade mark beside the name Neural Inverse, set in Inverse Sans 600. Use the files as they are.
Neural InversePrimary, on white
Default for documents, product and web.
Neural InverseReversed, on Inverse Blue
Brand moments: covers, stands, social.
Neural InverseReversed, on ink
Dark product surfaces and video end frames.
Clear space: one blade width on every side
Neural Inversex is the width of the larger blade. Nothing enters this space: no text, edges or other logos.
Minimum size
Neural Inverse
Below these sizes use the mark alone, never a shrunken lockup.
Don't stretch or squash the lockup
Don't recolour the mark
Don't place it on low-contrast grounds
Don't rotate it or set it in another font
Logo placement
Where the logo sits, and how.
Neural Inverse
The header at full size: logo at the left edge, navigation to the right, rule under the bar.
HeaderLeft edge of the content column, centred in the 84 px header. The mark in a 22 × 30 px box (about 26 px of mark), 10 px gap, then “Neural Inverse” in Inverse Sans 600 at 18 px. White over the hero photograph, with a 1 px rule at 18% white under the bar. Navigation sits to the right; nothing goes between the logo and the left edge.
FooterFirst item of the footer grid, top left, on the dark ground #0b0d11. The mark in a 20 × 28 px box, 10 px gap, the name at 17 px, white.
ColourOn white: the brand blue mark with the name in ink #0b0c0e (primary). On Inverse Blue: mark and name in white. On ink: the brand blue mark with the name in white. On photographs, as in the header: mark and name in white.
Clear spaceOne blade width on every side: x is the width of the larger blade. Nothing enters this space: no text, edges or other logos.
Minimum sizeLockup 120 px wide on screen, 30 mm in print. Mark alone 16 px, 5 mm. Favicon 32 px. Below the lockup size, use the mark alone, never a shrunken lockup.
LockupMark always on the left of the name, both vertically centred, 10 px apart at header size and scaled with it. The name is always the two words Neural Inverse, never shortened or set in another typeface.
Do notStretch or squash the lockup; recolour the mark; place it on low-contrast grounds; rotate it or set the name in another font. Nor redraw or outline the mark, or add shadows or glows.
Names
One company, two products.
Neural InverseThe company and the platform.
Neural Inverse BuildThe Editor, the Agents app and the CLI, for engineers.
Neural Inverse GovernGovernance for every AI tool, ours and third-party. Always with “Powered by Keystone” as a sub-label; Keystone is never a headline product name.
Never“Dev Suite”, “suite”, “Cloud” as a product, or internal module and binary names.
Voice
Plain statements of what the product does.
ToneEnterprise, precise, understated. Plain statements of what the product does.
No hypeNo revolutionary, seamless, supercharge, 10x, magic, unlock or next-gen.
No pitch deckNo “The problem” sections, invented statistics, testimonials or logos we do not have.
ClaimsOnly for working features. If something is unverified, leave it out or say “in verification”.
StandardsSay “evidence toward” a standard; certification stays with the customer and their assessor.
Hosted serviceMentioned low-key, as “Hosted by us”, never in a hero.
Third-party toolsState the control level honestly: Enforced, Managed configuration or Monitored.
Visual system
Photography and thin rules, not cards.
PhotographyPhotography-led, like an industrial or defence company rather than a software start-up. Full-bleed photographs under a flat dark scrim; real engineering photography, stock as placeholder only.
StructureThin horizontal rules: a 1 px rule on top of each item, and ruled rows with the title on the left and the description on the right.
NeverCards, feature-icon grids, rounded corners, drop shadows (except the mega-menu panel), gradients other than photo scrims, emoji, or fake product screens and dashboards.
BlueAn accent only: hover states, one highlighted step, the active underline. Never a large blue fill.
Colour
Mostly ink, white, warm grey and dark grounds. Blue is an accent: links, hover states and the one step that matters.
Grounds
Ink
#0b0c0e
Dark section
#0b0d11
White
#ffffff
Warm grey section
#f4f4f2
Text on light
Body
#3b3f46
Label
#5c6370
Muted
#6b7280
Text on dark
Body
#c4cad3
Secondary
#aab3c0
Muted
#8a93a3
Light
#d6dbe2
Lightest
#e3e6ea
Rules
Light
#dcdfe3
Light, strong
#cfd3d9
Dark
#252a33
Dark, strong
#2c323c
Accent
Accent
#1c55a6
Accent on dark
#8fb6ff
Type
Geist 300, 400 and 500 for interface and headlines. Geist Mono 400 for standards, code and tool names. Inverse Sans 600 sets the wordmark and nothing else.
Home h1clamp(40px, 5.6vw, 104px) / 0.98, 300, −0.045emEngineering software, approved.
Page h1clamp(36px, 4.6vw, 80px) / 0.98, 300, −0.045emEngineering software, approved.
h2clamp(30px, 3.2vw, 52px) / 1.04, 400, −0.035emEngineering software, approved.
Statementclamp(26px, 2.8vw, 44px) / 1.2, 300, −0.025emEngineering software, approved.
Row title18pxEngineering software, approved.
Body15.5–17px / 1.55Engineering software, approved.
Label13px, 500, +0.04emEngineering software, approved.
MonoGeist Mono 400IEC 62304 · ISO 26262 · DO-178C
WordmarkInverse Sans 600Neural Inverse
ZIP, 400 KB: the Inverse family, including Inverse Sans for the wordmark, under the SIL Open Font License 1.1.
Layout
One grid, three grounds.
ContainerMaximum width 1520 px, side padding clamp(20px, 4.5vw, 80px).
Grid12 columns, 24 px column gap. Split sections: heading in columns 1–5, rows in columns 6–13.
SectionsVertical padding clamp(88px, 9vw, 144px); grounds alternate white, warm grey #f4f4f2 and dark #0b0d11.
Header84 px, transparent over the hero with white text; mega menus for Products and Industries.
ButtonsSquare, 16 × 26 px padding, 15.5 px 500. Primary: ink fill (white on dark). Secondary: 1 px outline. Text links end with →.
ResponsiveGrids use repeat(auto-fit, minmax(min(100%, N px), 1fr)); no lone orphan items; no horizontal scroll.
Page patterns
Every page is built from the same parts.
HeroPhotograph, scrim, breadcrumb or label, an h1 that is a statement (not just the name), and one sentence that adds to it without repeating it.
Facts stripDark; four or five label and value columns divided by 1 px left rules, on one row on desktop.
What your team getsA split section with four ruled rows.
Who uses itFour roles as ruled rows.
How a change movesPropose, Verify, Approve (in blue, with a named engineer), Record.
RelatedThree links on one row, then the contact band, then the footer.