LOKX Brand

Visual identity, colour palette, typography, and component patterns.

Logo

Original (for light backgrounds)

LOKX logo on light
LOKX logo on dark (original)

Dark mode (for dark backgrounds)

LOKX dark mode logo
LOKX dark mode logo on void

Logo colours

Light mode: LOK Primary #0D65C7 x Navy #001233
Dark mode: LOK White #FFFFFF x Primary #0D65C7

Both variants use palette colours exclusively. The dark mode inverts the hierarchy: LOK goes white for contrast, x steps up from Navy to Primary.

Colour Palette

Backgrounds

Void
#050709
Deepest background, page edges
Dark
#0a0e17
Main page background
Surface
#111827
Cards, panels, nav
Elevated
#1a2235
Hover states, inputs, modals

Blues

Navy
#001233
Logo x, secondary actions
Primary
#0D65C7
Logo LOK, CTAs, links
Light
#60A5FA
Hover accents, highlights
Pale
#93C5FD
Subtle emphasis, badges

Neutrals

White
#F9FAFB
Headings, bold text
Text
#E5E7EB
Body copy
Muted
#6B7280
Secondary text, captions
Dim
#374151
Disabled, placeholders
Border
#1F2937
Dividers, card borders

Semantic

Success
#10B981
Released, confirmed
Warning
#F59E0B
Pending, attention
Error
#EF4444
Failed, blocked
Info
#3B82F6
Informational, tips

Typography

Display
Inter 700 / 48px
Lock. Escrow. Release.
Heading 1
Inter 700 / 30px
Privacy is not optional.
Heading 2
Inter 600 / 20px
Three primitives. Infinite use cases.
Body
Inter 400 / 16px
Privacy-preserving primitives for conditional digital asset release. One API. Zero trust required.
Small
Inter 400 / 14px
Built on Midnight. Pay with Dust.
Caption
Inter 500 / 12px
API-FIRST
Code
JetBrains Mono 400 / 14px
lokx.lok({ asset, recipient, condition })

Font stack

Primary: Inter — headings, body, UI
Mono: JetBrains Mono — code, API references, primitives

Components

Buttons

Badges

Built on Midnight Released Pending Locked

Cards

LOK

Default state.

LOK

Hover state with blue border.

LOK

Active/selected with blue tint.

Design Principles

Invisible complexity

ZK proofs, smart contracts, threshold signatures — the user never sees any of it. Google-like simplicity on top of deep cryptographic infrastructure.

API-first

The UI is a reference client. Most integrations are programmatic. Design for developers reading docs, not users clicking through wizards.

Dark by default

Midnight is in the name. The dark palette isn't just aesthetic — it signals privacy, security, and seriousness. No light mode.

Show, don't tell

Code examples over marketing copy. Concrete use cases over abstract promises. The API snippet is more persuasive than any tagline.