# Brand

> The Neural Inverse logo and where it sits, product names, voice, colour, type, layout and page patterns, with files to download.

Source: https://neuralinverse.com/brand/

---

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.

![](/brand/neural-inverse-mark.svg)Neural Inverse

Primary, on white

Default for documents, product and web.

![](/brand/neural-inverse-mark-white.svg)Neural Inverse

Reversed, on Inverse Blue

Brand moments: covers, stands, social.

![](/brand/neural-inverse-mark.svg)Neural Inverse

Reversed, on ink

Dark product surfaces and video end frames.

Clear space: one blade width on every side

x![](/brand/neural-inverse-mark.svg)Neural Inverse

x is the width of the larger blade. Nothing enters this space: no text, edges or other logos.

Minimum size

![](/brand/neural-inverse-mark.svg)Neural Inverse

Lockup 120 px · 30 mm

![](/brand/neural-inverse-mark.svg)

Mark 16 px · 5 mm

![](/icon.svg)

Favicon 32 px

Below these sizes use the mark alone, never a shrunken lockup.

![](/brand/neural-inverse-mark.svg)Neural Inverse

**Don't** stretch or squash the lockup

![](/brand/neural-inverse-mark.svg)Neural Inverse

**Don't** recolour the mark

![](/brand/neural-inverse-mark.svg)Neural Inverse

**Don't** place it on low-contrast grounds

![](/brand/neural-inverse-mark.svg)Neural Inverse

**Don't** rotate it or set it in another font

![Mark, brand blue](/brand/neural-inverse-mark.svg)

Mark, brand blue

On white and light grounds.

[Download SVG](https://neuralinverse.com/brand/neural-inverse-mark.svg)

![Mark, white](/brand/neural-inverse-mark-white.svg)

Mark, white

On photographs and dark grounds, as in the header and footer.

[Download SVG](https://neuralinverse.com/brand/neural-inverse-mark-white.svg)

![Mark, black](/brand/neural-inverse-mark-black.svg)

Mark, black

One-colour print only.

[Download SVG](https://neuralinverse.com/brand/neural-inverse-mark-black.svg)

Logo placement

## Where the logo sits, and how.

Neural InverseProductsIndustriesDocs

The header at full size: logo at the left edge, navigation to the right, rule under the bar.

- **Header:** Left 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.
- **Footer:** First 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.
- **Colour:** On 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 space:** One blade width on every side: x is the width of the larger blade. Nothing enters this space: no text, edges or other logos.
- **Minimum size:** Lockup 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.
- **Lockup:** Mark 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 not:** Stretch 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 Inverse:** The company and the platform.
- **Neural Inverse Build:** The Editor, the Agents app and the CLI, for engineers.
- **Neural Inverse Govern:** Governance 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.

- **Tone:** Enterprise, precise, understated. Plain statements of what the product does.
- **No hype:** No revolutionary, seamless, supercharge, 10x, magic, unlock or next-gen.
- **No pitch deck:** No “The problem” sections, invented statistics, testimonials or logos we do not have.
- **Claims:** Only for working features. If something is unverified, leave it out or say “in verification”.
- **Standards:** Say “evidence toward” a standard; certification stays with the customer and their assessor.
- **Hosted service:** Mentioned low-key, as “Hosted by us”, never in a hero.
- **Third-party tools:** State the control level honestly: Enforced, Managed configuration or Monitored.

Visual system

## Photography and thin rules, not cards.

- **Photography:** Photography-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.
- **Structure:** Thin 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.
- **Never:** Cards, feature-icon grids, rounded corners, drop shadows (except the mega-menu panel), gradients other than photo scrims, emoji, or fake product screens and dashboards.
- **Blue:** An 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

[Download the Inverse fonts](https://neuralinverse.com/fonts/Inverse-1.0.0.zip)[Read the font licence](https://neuralinverse.com/fonts/OFL.txt)

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.

- **Container:** Maximum width 1520 px, side padding clamp(20px, 4.5vw, 80px).
- **Grid:** 12 columns, 24 px column gap. Split sections: heading in columns 1–5, rows in columns 6–13.
- **Sections:** Vertical padding clamp(88px, 9vw, 144px); grounds alternate white, warm grey #f4f4f2 and dark #0b0d11.
- **Header:** 84 px, transparent over the hero with white text; mega menus for Products and Industries.
- **Buttons:** Square, 16 × 26 px padding, 15.5 px 500. Primary: ink fill (white on dark). Secondary: 1 px outline. Text links end with →.
- **Responsive:** Grids use repeat(auto-fit, minmax(min(100%, N px), 1fr)); no lone orphan items; no horizontal scroll.

Primary buttonSecondary buttonText link →

Page patterns

## Every page is built from the same parts.

- **Hero:** Photograph, 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 strip:** Dark; four or five label and value columns divided by 1 px left rules, on one row on desktop.
- **What your team gets:** A split section with four ruled rows.
- **Who uses it:** Four roles as ruled rows.
- **How a change moves:** Propose, Verify, Approve (in blue, with a named engineer), Record.
- **Related:** Three links on one row, then the contact band, then the footer.