Docs
Neus Mark

Brand Identity

GuidelinesVer 2.02026

Defining the visual language for the portable proof layer.
Minimalist. Borderless. Secure.

Contents

Brand System

A code-derived guide to NEUS visual identity: tokens, typography, color, grid, and iconography.

Identity01–02
Logo ExplorationL1
Color03
Typography04
Grid05
Iconography06
00

Our Philosophy

Core Principles

Neus is built for the
sanctuary of data.

The Vault, Not The Public Square.

Unlike traditional social platforms, Neus is a private verification layer. Our design reflects this: enclosed, protected, and calm. We avoid loud gamification in favor of clarity and precision.

Content Over Chrome.

The verification data is the hero. The interface recedes. We use deep canvas tones (#121314) and subtle glass surfaces to create depth without relying on heavy borders or skeuomorphism.

01

Identity System

A. Primary Mark
Neus Mark

Neus Mark (Logomark)

Use on all dark backgrounds

B. Construction & Geometry
Neus Mark Grid
White (Primary)
Cloud Blue (Accent)
Canvas (Bg)
02

Logo Exploration

Size:64px

TOP 10 RECOMMENDATIONS

#1 — logo-001
Minimal N Block
Ultra-clean geometric N. Works at all sizes. Linear-inspired minimalism.
#2 — logo-003
Thick Diagonal N
Bold diagonal stroke N. Maximum favicon clarity. Stripe-level weight.
#3 — logo-061
N + Shield
N + Shield combo. Instant trust recognition. Privy-inspired security aesthetic.
#4 — logo-035
Portal Ring
Portal Ring. Represents gateway to verified identity. OpenAI-level abstraction.
#5 — logo-032
Hexagon Node
Hexagon Node. Perfect for Web3/blockchain context. Clean at all sizes.
#6 — logo-022
Pixel N
Pixel N. Specifically optimized for 16px favicon. Each block = 1 pixel.
#7 — logo-063
N + Circle
N + Circle. Classic monogram. Works universally across all contexts.
#8 — logo-041
Diamond Solid
Diamond Solid. Bold geometric shape. Memorable and distinctive.
#9 — logo-090
N + NEUS
N + NEUS lockup. Full brand expression with icon and wordmark.
#10 — logo-101
N Gradient Blue
Gradient N. Premium feel. Perfect for hero sections and marketing.

A. Typography-Based N Marks

Geometric letterforms, custom N interpretations, and negative space designs

25 variations
TOP
logo-001
Minimal N Block
faviconapp-iconhero
logo-002
Rounded N Block
faviconapp-iconhero
TOP
logo-003
Thick Diagonal N
faviconapp-iconheroprint
logo-004
Stacked N
app-iconhero
logo-005
Angled N Sans
faviconapp-iconhero
logo-006
Italic N
app-iconhero
logo-007
Squared N
faviconapp-icon
logo-008
Circled N
faviconapp-icon
logo-009
Heavy Weight N
faviconheroprint
logo-010
Condensed N
app-iconhero
logo-011
Extended N
heroprint
logo-012
Stencil N
app-iconhero
logo-013
Monoline N
hero
logo-014
Slab N
faviconapp-iconhero
logo-015
Notched N
app-iconhero
logo-016
Arrow N
faviconapp-icon
logo-017
Wave N
app-iconhero
logo-018
Split N
app-iconhero
logo-019
Ribbon N
heroprint
logo-020
Stepped N
faviconapp-icon
logo-021
Perspective N
hero
TOP
logo-022
Pixel N
faviconapp-icon
logo-023
Double Line N
heroprint
logo-024
Bracket N
app-iconhero
logo-025
Diamond N
app-iconhero

B. Symbol/Icon Marks

Abstract shapes representing proof, verification, trust, and network concepts

35 variations
logo-026
Shield Mark
faviconapp-iconhero
logo-027
Shield Outline
app-iconhero
logo-028
Checkmark Shield
faviconapp-icon
logo-029
Verified Badge
faviconapp-icon
logo-030
Seal Mark
app-iconheroprint
logo-031
Node Network
app-iconhero
TOP
logo-032
Hexagon Node
faviconapp-icon
logo-033
Hexagon Outline
app-iconhero
logo-034
Triple Hex
hero
TOP
logo-035
Portal Ring
faviconapp-iconhero
logo-036
Concentric Rings
app-iconhero
logo-037
Eclipse
faviconapp-icon
logo-038
Crescent
app-iconhero
logo-039
Cube Isometric
app-iconhero
logo-040
Prism
app-iconhero
TOP
logo-041
Diamond Solid
faviconapp-icon
logo-042
Diamond Outline
app-iconhero
logo-043
Octagon
faviconapp-icon
logo-044
Pentagon
app-iconhero
logo-045
Star 6
app-iconhero
logo-046
Lock Mark
faviconapp-icon
logo-047
Key Mark
app-iconhero
logo-048
Fingerprint Abstract
hero
logo-049
Eye Mark
app-iconhero
logo-050
Chain Link
app-iconhero
logo-051
Infinity Link
app-iconhero
logo-052
Layers
app-iconhero
logo-053
Stack
faviconapp-icon
logo-054
Grid Square
faviconapp-icon
logo-055
Crosshair
app-iconhero
logo-056
Target
faviconapp-icon
logo-057
Arrow Up
faviconapp-icon
logo-058
Bolt
faviconapp-icon
logo-059
Pulse
app-iconhero
logo-060
Waveform
hero

C. Monogram Combinations

N combined with shields, hexagons, portals, and other brand elements

25 variations
TOP
logo-061
N + Shield
faviconapp-iconhero
logo-062
N + Hexagon
faviconapp-icon
TOP
logo-063
N + Circle
faviconapp-icon
logo-064
N + Square Rounded
faviconapp-icon
logo-065
N + Diamond
app-iconhero
logo-066
N + Check
faviconapp-icon
logo-067
N + Node
app-iconhero
logo-068
N + Portal
app-iconhero
logo-069
N + Seal
heroprint
logo-070
N + Lock
faviconapp-icon
logo-071
N + Layers
app-iconhero
logo-072
N + Cube
app-iconhero
logo-073
N + Arrow
faviconapp-icon
logo-074
N + Bolt
app-iconhero
logo-075
N + Octagon
faviconapp-icon
logo-076
N + Star
app-iconhero
logo-077
N Split Badge
app-iconhero
logo-078
N Corner Badge
faviconapp-icon
logo-079
N Stacked Circle
app-iconhero
logo-080
N Triple Dot
app-iconhero
logo-081
N Bracket
app-iconhero
logo-082
N Frame
app-iconhero
logo-083
N Rounded Frame
faviconapp-icon
logo-084
N Pill
app-iconhero
logo-085
N Tag
app-iconhero

D. Wordmark Concepts

Full NEUS typography and icon+wordmark lockups

15 variations
logo-086
NEUS Sans
heroprint
logo-087
NEUS Bold
heroprint
NEUS
NEUS
NEUS
NEUS
logo-088
NEUS Mono
heroprint
logo-089
neus lowercase
hero
TOP
logo-090
N + NEUS
heroprint
logo-091
Shield + NEUS
heroprint
logo-092
Circle + NEUS
heroprint
NEUS
NEUS
NEUS
NEUS
logo-093
NEUS Stacked
heroprint
logo-094
NEUS Underline
heroprint
logo-095
NEUS Dots
hero
logo-096
NEUS Gradient Text
hero
neus
neus
neus
neus
logo-097
N Minimal + neus
heroprint
logo-098
Hexagon + NEUS
heroprint
logo-099
Portal + NEUS
heroprint
logo-100
Diamond + NEUS
heroprint

E. Gradient & Color Variations

Gradient treatments, solid colors, and mono versions for different contexts

15 variations
TOP
logo-101
N Gradient Blue
hero
logo-102
N Gradient Deep
hero
logo-103
Shield Gradient
hero
logo-104
Circle Gradient
app-iconhero
logo-105
N Solid Cloud Blue
faviconapp-iconhero
logo-106
N Solid Dim Blue
faviconapp-icon
logo-107
N Solid Dark Blue
faviconapp-icon
logo-108
Hexagon Gradient
app-iconhero
logo-109
Portal Gradient
app-iconhero
logo-110
Diamond Gradient
app-iconhero
logo-111
N Glow Effect
hero
logo-112
Shield Glow
hero
logo-113
N Mono Black
print
logo-114
Circle Mono Black
print
logo-115
Shield Mono Black
print
L1

Color System

...

Atmospheric Layering

Our palette is derived from deep interstellar space. We rely on three primary dark shades to create depth and hierarchy without borders.

Blue is precious. It is used strictly for actionable items, primary inputs, and verification status. Never for decoration.

Void Canvas

Main Background

HEX #121314
RGB 18 19 20

Rail / Surface

Sidebars & Panels

HEX #141516
RGB 20 21 22

Card / Elevation

Cards & Modals

HEX #171819
RGB 23 24 25

Cloud Blue

Primary Brand / Accent

HEX #98C0EF
RGB 152 192 239

Signal Success

Verified / Complete

HEX #22C55E
RGB 34 197 94

Signal Error

Failed / Destructive

HEX #EF4444
RGB 239 68 68
03

Typography

Inter

The universal interface typeface.

Designed by Rasmus Andersson

SIL Open Font License 1.1

Display 01

64px / Bold

Tracking: -0.02em

Hero headers and major splash screens.

Proof of Everything

Heading 01

32px / SemiBold

Tracking: -0.01em

Section headers and modal titles.

Verification Complete

Body 01

16px / Regular

Tracking: 0em

Default body copy for reading.

Neus is a portable proof layer that allows you to own your reputation across the decentralized web.

Mono 01

13px / Medium

Tracking: 0.0em

Code snippets, transaction hashes, and technical data.

0x71C...9B2d // VERIFIED_TRUE

04

Grid & Spacing

The 4px Rule

All spacing, sizing, and typography line-heights in Neus are divisible by 4. This creates a subconscious rhythm and mathematical harmony across the interface.

0.25rem (4px)

0.5rem (8px)

16px

1rem (16px)

32px

2rem (32px)

Header (Col 1-12)
Sidebar (Col 1-4)
Main (Col 5-12)
05

Iconography

Lucide Icons

We use Lucide React for consistent, crisp, and lightweight iconography. Icons should be used sparsely to aid navigation, not for decoration.

1.5px Stroke

Standard weight

2px Stroke

Active / Emphasis

Shield
Lock
Wallet
Globe
User
Settings
Bell
Search
Check
X
ArrowRight
Menu
06