Nous · Brand Mark · Edition II

The Eye.

The Eye · Nous v2

Construction

01

Nous's mark is a circle and a circle. The outer ring is centred; the inner pupil is offset north-east by (+15, +8) in the 200-unit viewBox — small enough that it reads as "an eye", large enough that it reads as "an eye reading", not staring. The magic is in the asymmetry.

+15 +8 r 19 r 86

Geometry, in full

  • Outer ring: centre (100, 100), radius 86, stroke 4, no fill.
  • Pupil: centre (115, 108), radius 19, filled solid.
  • Offset (+15, +8) — reading the first word of the next line.
  • Pupil-to-iris ratio 19/86 ≈ 22% — an alert, reading eye, not a dilated or constricted one.
  • ViewBox 0 0 200 200 · renders cleanly from 16 px to 2 m.

Favicon variant · 16–32 px

  • Outer ring: radius 80, stroke 14 — four times thicker, to remain visible at 1-pixel render scale.
  • Pupil: (116, 110) radius 28 — slightly enlarged for legibility.
  • Same viewBox so the two versions swap cleanly at CSS breakpoints.

Previous mark

Edition I was a compass of eight olive leaves around a wine-dark dot. Edition II keeps the wine dot, throws out the leaves, and gives the dot a ring to sit inside. The wine is the same; the story is different.

Variants

02

Three canonical colourways cover every usage. On a paper ground, ink ring + wine pupil. On an ink ground, candle ring + wine-dark pupil. Single-colour mono where a brand requires it — every shape inherits currentColor, so it tints with the parent text.

01
02 · mono
03 · inverse
04 · mono · on ink
05 · on wine
06 · on olive
07 · favicon
08 · apple-touch

Scale

03

From 16 px in the browser tab to 1024 px on a cover. The canonical mark stays readable down to about 32 px; below that, the favicon variant takes over — same eye, thicker stroke.

128 pxCanonical
64 pxCanonical
48 pxCanonical
32 pxFavicon
24 pxFavicon
16 pxFavicon

Rule of thumb: use nous-mark.svg at 32 px and above; nous-favicon.svg below. Both share the same viewBox, so a CSS @media or srcset swap is a one-liner.

Wordmark & Lockup

04

The mark sits left of the wordmark, separated by a vertical hairline. The Greek Νοῦς is set in GFS Didot; the italic — Nous beneath it in Cormorant Garamond, weight 300.

Nous · lockup

Clear space around the lockup equals the pupil diameter — about 38 units in the viewBox. The rule sits at 1/3 of the lockup width. The eye is always to the left of the word: the eye is what reads the word.

In Context

05
Νοῦς·
nous.design — The Philosophy
Top nav · Browser tab
Νοῦς·
nous.design — By lamplight
Top nav · Dark mode
iOS · 72
Dark · 72
Favicon · 16
Tinted · Wine

Palette

06

The mark uses only four colours. Every token comes from design/styles/tokens.css.

--nous-ink · light mode ring
#1A1814
--nous-wine · light mode pupil
#6E2F3A
--nous-ink · dark mode ring
#ECE3CF
--nous-wine · dark mode pupil
#C08B97

Deliverables

07
logo/ ├── README.md ← quick start ├── EMBED.md ← copy-paste snippets ├── nous-brand-guidelines.html ← this document │ ├── svg/ ← canonical vector assets │ ├── nous-mark.svg default · ink + wine │ ├── nous-mark-mono.svg single-color (currentColor-aware) │ ├── nous-mark-inverse.svg for dark backgrounds │ ├── nous-favicon.svg 16–32 px optimized, thicker stroke │ ├── nous-lockup.svg mark + Νοῦς wordmark │ ├── nous-og.svg 1200×630 social share card │ └── apple-touch-icon.svg 180×180 padded, for iOS home │ ├── png/ ← raster exports │ ├── nous-mark-{16…1024}.png paper background │ ├── nous-mark-{256,512,1024}-transparent.png │ ├── nous-mark-inverse-{256,512,1024}.png │ └── nous-og-1200x630.png │ ├── favicon/ ← site <link> targets │ ├── favicon.ico multi-res 16/32/48 │ ├── favicon-{16,32,48,64}.png │ ├── apple-touch-icon.png 180×180 │ └── android-chrome-{192,512}.png │ └── redesign/ ← design study, kept for history └── logo-exploration.html baseline + 3 directions

On Edition I — the compass

The predecessor mark — eight olive leaves around a wine-dark dot — is preserved at the edition-I-compass git tag. To inspect a specific file at that revision: git show edition-I-compass:logo/svg/nous-mark.svg. To restore the whole Edition I asset set into the working tree: git checkout edition-I-compass -- logo/. The design study that led to this Edition II mark — with all three directions presented at size — is at logo/redesign/logo-exploration.html.