Agentify Brand Bible · Nocturne Ledger v2

agentify← → to flipBrand Bible · v2026.05

Issue 01 — Brand BibleAgentify · agent-payment readiness

Confidential — internalv2026.05 · Nocturne Ledger

Agentify is the readiness service for companies whose next buyer is an autonomous agent. This system locks the colors, the rails, the motion, and the typography behind one inevitable idea: agents are arriving with budgets, and most businesses aren’t callable yet.

DirectionNocturne Ledger v2

Mark Ledger Gate

AudienceSenior buyers, CTOs

Funnel roleMiddle · book the audit

01 — Brand Thesis

One sentence holds the brand together. Everything else — color, motion, typography, voice — is in service of making this idea feel calm, technical, and unavoidable.

The idea

Agents are a new buyer layer on top of the buyers companies already have. Agentify makes a business discoverable, callable, and transactable by them.

We do not sell automation. We sell readiness — the catalog, checkout, payment, fraud posture, and order surfaces that an autonomous buyer needs to do business with you without a human in the loop.

What Agentify is — and isn’t

isAn audit + integration practice for agent-payment readiness
isA boutique founder-led service for serious companies
isA protocol surface for agents to evaluate and transact
isn'tAn AI consultancy
isn'tA chatbot agency
isn'tAn automation template shop
isn'tAn 'AI employee' platform

02 — Positioning & Messaging

The brand carries one H1 across every primary surface. The two alternate lines live on as campaign variants — outbound subject lines, ad creative, secondary pages — but the homepage hero says only one thing.

Revenue Layer · primary H1Locked

“Your next revenue stream will come from agents.”

Middle-funnel hook. Tells the buyer they’re missing revenue, not buying another AI tool. Reads as boutique financial inevitability — the same energy as the typography and the shader. Used as the homepage H1, the founder letter opener, and the canonical line in every deck.

Callable Company · campaign variant

“Make your business callable by autonomous buyers.”

Most technical / MCP-flavored. Use as a subhead, on /for-agents, and in outbound sent to engineering buyers.

Payment Readiness · campaign variant

“Agent buyers can't buy what your stack can't expose.”

Most urgent. Use as a campaign hook in outbound subject lines and time-sensitive ads.

Audit CTA language

Book the readiness audit
Run the agent-readiness check
Audit your agent surface

Primary CTA is “Book the readiness audit”. The other two rotate on secondary pages and in outbound where the readiness framing lands harder.

03 — Voice

If a senior engineer wouldn’t forward a sentence to their CTO, rewrite it. The voice test runs once per paragraph.

“Your checkout is built for humans. Your next buyer may not be one.”

House voice · rendered at display size in Nocturne Ledger v2

UseHouse voice

✓“Your checkout is built for humans. Your next buyer may not be one.”

✓“We make payment, catalog, fraud, and order surfaces legible to agents.”

✓“One audit. A fixed build plan. Then your systems can be safely called.”

✓“Agents arrive with budget, not curiosity.”

Avoid

✗“Revolutionize your business with AI.”

✗“Unlock AI-powered synergy.”

✗“Meet your new AI employee.”

✗“10x revenue with autonomous agents.”

Voice principles

PlainTechnical buyers should understand every sentence on first pass.
CurrentWe write like a 2026 protocol surface, not a 2018 SaaS landing page.
Slightly unnervingAgent buyers really are arriving. Don't dilute that.
Quiet authorityWe don't shout. The shader does that.

Banned

No revolutionize, no unlock, no synergy, no 10x, no game-changer, no seamless, no AI employee, no future-proof. No promises of guaranteed revenue. No exclamation points outside of error states.

04 — Logo

Each mark is constructed on a 96-unit grid with a 6-unit stroke base, lives in monochrome, holds at 16px, and locks up against the wordmark with cap-height clearspace.

Ledger Gate — constructionRecommended

96 × 96 grid. 6-unit stroke on the gate. 4-unit stroke on the ledger cut. Posts at x=22 and x=74, ledger axis at y=50, audit node at center.

Ledger Gate — clearspaceCap-height × 1

Nothing crosses the dashed perimeter — no copy, no UI, no shader leak. The clearspace box scales with the mark.

Wordmark — three designed treatmentsRecommended below

agentify

Rail UnderlineRecommended

agentify

A thin gold rail extends past the wordmark and terminates in a gold node — the agent-on-rail motif folded into the typography itself.

Gate Anchor

agentify

The Ledger Gate sits at cap-height in front of the wordmark. Reads as the primary horizontal lockup.

Pure Hero

agentify

Plain italic Instrument Serif, lowercase. Kept as a backup for legal/minimal moments.

The wordmark is the hero typeface, but it isn’t just typed out. The recommended Rail Underline treatment carries a thin gold rail below the baseline that overshoots both ends and terminates in a single node — the Ledger Gate’s horizontal cut, drawn into the typography. Reads at a glance as “agentify on a payment rail” without ever saying it. Lockup-safe at any size.

Always lowercase. Never AGENTIFY.
Always italic Instrument Serif. The roman cut belongs to running text.
Rail color = Dim Gold. Never aurora violet, never moon ash.
Rail thickness = 0.018 × cap-height. Node radius = 0.045 × cap-height.
Tracking: -0.025em at display, -0.02em at nav, 0 at small sizes.

Ledger GateRecommended

Ledger Gate

Two vertical posts, a top crossbar, and a horizontal ledger cut through the center. Reads as institutional, credible for B2B finance, and unmistakable in monochrome. Recommended.

agentify

16px

24px

40px

64px

Rail Monogram

Rail Monogram

An a-glyph constructed from a stroked bowl, thick stem, and routing kick. Most directly tied to the wordmark, but more decorative.

agentify

16px

24px

40px

64px

Aperture

Aperture

Optical iris with a payment rail passing through. Reads as agent discovery + transactability. Carries an eye-association risk.

agentify

16px

24px

40px

64px

Construction rules

96 × 96 base grid, 6-unit primary stroke
Clearspace = cap-height × 1 on all sides
Minimum: 16px favicon, 24px nav, 96px hero
Lockup gap = mark width × 0.35
Wordmark sits at optical center, never on mark baseline
Mark accent uses Aurora Violet, Ion Blue, Dim Gold — never a fourth color

Never do this

✗ Stretch or skew the mark
✗ Re-color outside the accent set
✗ Place the mark on a noisy hero shader without scrim
✗ Box the mark inside a card
✗ Mix the wordmark and mark colors arbitrarily
✗ Substitute a bot/robot/face for the mark

05 — Typography

Italic Instrument Serif for display, Instrument Sans for body, Azeret Mono for protocol surfaces. Clamp-based modular scale, 1.250 ratio mobile, 1.333 desktop. Body never drops below 16px. Display never collides on mobile.

Nocturne Ledger v2Locked

Agent revenue moves through hidden rails.

Display: Instrument Serif — italic
Body: Instrument Sans
Protocol / Mono: Azeret Mono

Boutique cinematic. Italic serif reads Dune, body sans reads boutique consultancy, mono reads protocol surface. The display face doubles as the wordmark — no second face inside the lockup.

Recommended hierarchy — Nocturne Ledger v2

Beautiful and inevitable.

Section heading — uppercase Syne

Body sets in Instrument Sans at clamp(1rem, 0.96rem + 0.2vw, 1.08rem), line height 1.6, letter-spacing -0.005em. Measure caps at 56 characters for long-form. Bold lifts to 600, never 700, to keep optical weight controlled.

protocol.label · agents.json · llms.txt · mcp.session

06 — Color

The palette is OKLCH-native, contrast-audited at WCAG AA, and built on a 70 / 20 / 10 usage split. Status colors (green, amber, red) are reserved for semantic meaning only — never decoration.

Nocturne Ledger v2Locked

Violet/petrol field with a dim-gold mineral accent. Living sci-fi interface. Eclipse and Moon Ash carry 70% of any composition; Graphite structure and glass another 20%; Aurora, Ion, and Gold split the remaining 10% as energy.

Eclipsesurface · 70%#0C0D16—

Violet Smokesurface elev#14132A—

Graphitesurface elev 2#1C1A36—

Moon Ashtext primary#E8DFD013.2:1 AA

Aurora Violetaccent · energy#8B6CFF6.4:1 AA-L

Ion Blueaccent · signal#4EC6DA7.8:1 AA

Dim Goldaccent · mineral#C7A66A8.1:1 AA

Signal Pinkrare leak#FF4FB86.0:1 AA-L

Usage — 70 / 20 / 10

70% Eclipse surface20% Graphite structure7% Aurora energy2% Ion signal1% Dim Gold

Pure black is forbidden. Pure white is forbidden. Text on Eclipse is Moon Ash at 100% (13.2:1), secondary at 72% opacity (9.5:1), tertiary at 48% (6.3:1) — all WCAG AA at body size or above.

07 — Motion + Shader

The Agent Payment Field shader runs as one persistent full-bleed layer behind every chapter. Palette, route density, and contour frequency vary per section to feel sequenced — discovery, intent, mandate, fraud check, settlement, handoff.

Motion principles

Always-on but slowIdle motion should never compete with reading the offer.
Operational meaningRoutes resolve. Rails align. Nodes flicker only when there's reason to flicker.
Sequenced entranceNav, then protocol kicker, then headline words, then proof strip. In that order. Every page.
Pointer is subtleThe shader can bias toward the pointer at <5% influence. No toy interactions.
Reduced-motion respectedShader freezes to a tuned static frame. BlurText shows final state. No scroll transforms.

Hero entrance choreography

t=0msNav fade-up (240ms)
t=140msKicker label (240ms)
t=280msHeadline BlurText word stagger (70ms per word, 720ms each)
t=820msSubhead fade-up (480ms)
t=1100msCTAs fade-up (480ms)
t=1300msProof strip fade-up (480ms)

Anti-patterns

✗ Random particles or sparkle systems
✗ Decorative blob or orb backgrounds
✗ Fast looping gradient washes
✗ Bounce or elastic easing
✗ Scroll hijacking or scroll-jacked panels
✗ Animations that distract from H1 legibility
✗ Hover effects that move type more than 2px

08 — Components

Every component lives on the same glass layer with the same border, radius, and shadow tokens. No nested cards. No dashboard pretending to be a hero. The UI feels like a working agent terminal — quiet, dense, decisive.

Buttons / CTAs

Book the readiness auditInspect agent surfaces

Run checkView report

Pill, 46px min-height (36px small). Primary uses iris-on-glass gradient. Focus ring is Ion Blue at 2px outset.

Protocol chips

robots.txtllms.txtllms-full.txt.well-known/agents.json.well-known/mcp.json/mcp/for-agents

Mono label, 28px tall, 1-px border, dot signals live state. Used for the site’s agent-readable proof surfaces.

Audit stateAgent revenue rail check

live

catalogagent-readable

checkouthuman-only risk

paymentrails unmapped

fraud posturemonitor only

order handoffmanual

Status semantics

Status OKShips, agent-readable, AA contrast
Status InfoMonitor / observed / advisory
Status WarnHuman-only risk; agents will retry
Status RiskBlocks the rail; needs integration

Status never relies on color alone. Always paired with a label.

Component rules

Border radius: 10 / 18 / 28px (sm / md / lg). Pill for CTAs.
Border: 1px var(--bb-line) at rest, line-accent on focus.
Glass strength: blur(18px) subtle, blur(40px) strong. No third tier.
Shadow: 0 30px 80px rgba(0,0,0,0.40) for elevated, inset 0 1px 0 rgba(232,223,208,0.10) for sheen.
Never nest cards inside cards. A panel contains rows, not panels.
Padding scale: 14 / 22 / 28 / 36. No arbitrary values.

09 — Website Translation

Once the user approves a direction, the marketing site implementation can begin. The homepage section order, route map, and component reuse all read off this chapter — not off a separate spec.

Recommended homepage section order

01HeroFull-bleed shader. H1, subhead, primary CTA, secondary CTA. Live protocol chips.
02WedgeHuman checkout vs agent buyer. One large statement, one diagram.
03Readiness MapCatalog / checkout / payment / fraud / order — six rows with status semantics.
04ServicesAudit + custom integration. Catalog-driven cards, not template testimonials.
05Agent Surface ProofLive render of /robots.txt, /llms.txt, agents.json — actual artifacts.
06Founder LetterOne quiet paragraph. No headshot, no logo wall.
07Audit CTAClosing band. Single primary action. No secondary distraction.

Public routes

/Homepage hero + readiness wedgeHero shader + audit CTA

/agent-ready/auditAudit booking + intake formStatuses, calendar embed

/servicesAudit + custom-integration scopeCatalog cards, no testimonials

/for-agentsAgent landing — natural language manifestMarkdown-twin links

/mcpMCP server documentation pageEndpoint + auth + tool catalog

/data-requestsDSR / DSAR processingQuiet, accurate

/privacyPlain-language privacyReal names, real retention

/unsubscribeOne-click unsubscribeConfirms in ≤ 200ms

/llms.txtPlain-text site manifestCached, served fast

/llms-full.txtLong manifest with markdown twinsLong-form discovery

/.well-known/agents.jsonAgent capabilities manifestVersioned

/.well-known/mcp.jsonMCP server discoveryPer spec

/.well-known/ai-plugin.jsonLegacy ChatGPT plugin manifestOptional

The site only ships when every public route in this table renders, returns 200, and reads as agent-readable. The proof of agent-payment readiness is the site itself.

10 — Dos & Don’ts

If a decision drifts toward generic AI SaaS, this chapter catches it. The shorthand: would a senior engineer forward this to a CTO? If no, back to the left column.

Do

✓Use Eclipse + Moon Ash as the default surface and text pairing.

✓Use motion as protocol proof — payment rails resolving, not particles drifting.

✓Use the Ledger Gate in every nav, every favicon, every email signature.

✓Use mono labels for protocol artifacts. They are part of the brand.

✓Use 70 / 20 / 10 color discipline on every page.

✓Use italic Instrument Serif sparingly — for headings, not body.

✓Use real, live agent-readable artifacts as proof — not stock screenshots.

✓Use the audit card to demonstrate the offer. It is the brand at work.

Don’t

✗Don't use pure black or pure white anywhere.

✗Don't put hero copy inside a card.

✗Don't nest cards inside cards.

✗Don't use bot, robot, or cute-mascot iconography.

✗Don't use stock people with headsets or generic dashboard screenshots.

✗Don't use purple SaaS gradient wallpaper or decorative orbs.

✗Don't run animations that compete with H1 legibility.

✗Don't ship motion without a reduced-motion fallback.

✗Don't use status colors decoratively — only semantically.

✗Don't write 'revolutionize', 'unlock', '10x', or 'AI employee'.

11 — Implementation Tokens

The marketing app already loads every font referenced here via next/font/google. The tokens below are the only public contract — everything else composes from them.

CSS custom properties

:root {
  /* surface */
  --ink-eclipse: #0C0D16;
  --ink-panel:   #14132A;
  --ink-raised:  #1C1A36;

  /* text — never pure white */
  --text-primary:   #E8DFD0;
  --text-secondary: rgba(232, 223, 208, 0.72);
  --text-tertiary:  rgba(232, 223, 208, 0.48);

  /* accent */
  --accent-aurora: #8B6CFF;
  --accent-ion:    #4EC6DA;
  --accent-gold:   #C7A66A;
  --accent-pink:   #FF4FB8;

  /* status (semantic only) */
  --status-ok:   #7CFFB2;
  --status-warn: #FFB547;
  --status-risk: #FF5A5F;

  /* lines */
  --line:          rgba(232, 223, 208, 0.10);
  --line-strong:   rgba(232, 223, 208, 0.20);
  --line-accent:   rgba(139, 108, 255, 0.32);

  /* radius */
  --radius-sm:   10px;
  --radius-md:   18px;
  --radius-lg:   28px;
  --radius-pill: 999px;

  /* motion */
  --ease:    cubic-bezier(0.2, 0.7, 0.1, 1);
  --dur-1:   240ms;
  --dur-2:   480ms;
  --dur-3:   720ms;

  /* type */
  --font-display: 'Instrument Serif', serif;
  --font-alt:     'Syne', system-ui, sans-serif;
  --font-body:    'Instrument Sans', -apple-system, sans-serif;
  --font-mono:    'Azeret Mono', ui-monospace, monospace;
  --font-wordmark:'Syncopate', system-ui, sans-serif;
}

Font wiring

// next/font (App Router) — already wired in apps/marketing/app/layout.tsx
import { Azeret_Mono, Instrument_Sans, Instrument_Serif, Syncopate, Syne } from 'next/font/google';

const display = Instrument_Serif({ subsets: ['latin'], weight: '400', variable: '--font-display' });
const alt     = Syne({ subsets: ['latin'], weight: ['400','500','600','700'], variable: '--font-alt' });
const body    = Instrument_Sans({ subsets: ['latin'], weight: ['400','500','600','700'], variable: '--font-body' });
const mono    = Azeret_Mono({ subsets: ['latin'], weight: ['400','500','600'], variable: '--font-mono' });
const wordmark = Syncopate({ subsets: ['latin'], weight: ['400','700'], variable: '--font-wordmark' });

Reference snippet — primary CTA

<a href="/agent-ready/audit" class="cta cta-primary">
  Book the readiness audit
</a>

.cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 22px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line-strong);
  background: rgba(232, 223, 208, 0.05);
  color: var(--text-primary);
  font: 500 0.95rem/1 var(--font-body);
  transition: transform var(--dur-1) var(--ease),
              border-color var(--dur-1) var(--ease);
}

.cta-primary {
  border-color: rgba(139, 108, 255, 0.50);
  background:
    linear-gradient(135deg, rgba(139, 108, 255, 0.55), rgba(78, 198, 218, 0.18)),
    rgba(28, 26, 54, 0.65);
  box-shadow: inset 0 1px 0 rgba(232, 223, 208, 0.16),
              0 0 36px rgba(139, 108, 255, 0.28);
}

A brand bible for the next revenue layer.