Skip to content
ultraweb
ultraweb

five rooms, one paper trail

Install

artifact · 6 of 11

Identity

The wordmark, its one custom cut, the monogram, and the clear-space rule the header honors.

design/IDENTITY.md · 2,577 B · Phase 3 — Foundation

Identity — ultraweb

Origin: invented starting mark (logged in BRIEF.md §Assumed facts; ASSETS.md records zero visual client assets).

Construction

  • Wordmark: lowercase "ultraweb", Space Grotesk 500, tracking −0.02em at 48px reference. Canonical rendering is components/brand/wordmark.tsx — live text in the committed face plus the cursor block; the SVGs in brand/ are convenience exports (they need Space Grotesk present to render true, documented limitation).
  • Custom cut (the ONE): a solid cursor block appended after the final "b" — width 14u, height = x-height (25u at 48px ref), baseline-set, gap 8u after the b. It is the terminal signature at mark scale, and it takes --color-primary while the letters stay currentColor (the mark's one two-color allowance).
  • Monogram: 32×32 viewBox, hand-authored compound path (fill-rule="evenodd"): a 24×24 block with a rectilinear square-bottomed "u" knocked out — the block cursor and the "u" are one shape. Strokes 4u (2px at 16px), counter 6u (3px at 16px). The counter IS the letter — the signature earning its second appearance as negative space.

Geometry

  • x = the cursor block width (14u at the 48px wordmark reference; 4u grid module in the monogram).
  • Clear space 2x all sides (the nav honors it as real padding) · min wordmark 96px (below that the counters of "a/e" and the block gap close) · min monogram 16px · print 20mm.

Color

currentColor default · cursor block = --color-primary (terracotta) via [data-slot="cursor"], letters never colored · mono variant 1-bit, no tints · never the accent for the letters, never the letters on the terracotta field (AA holds — 6.07:1 — but the mark drowns; monogram-on-accent is the sanctioned chip form).

Misuse

  • No re-setting in JetBrains Mono (the mono face is data's voice, not the brand's).
  • No blinking the cursor block in the mark (the hero terminal blinks; the logo never animates).
  • No second glyph, symbol, or ligature — the block is the one gesture.
  • No rotation, arc, outline, shadow, or glow.
  • No placing the wordmark over the lattice texture (hairline collisions at small sizes).
  • No tracing/regenerating the monogram — extend the recorded path data only.

Files

design/brand/ (→ public/brand/ at Phase 5): wordmark.svg · wordmark-mono.svg · monogram.svg components/brand/ (Phase 5–6): wordmark.tsx · monogram.tsx · og-template.tsx Verification: design/screenshots/p3-identity-proof.png — monogram at 16/32/180 + accent chip + wordmark on the committed ground, rendered 2026-08-14.

esc

Pages

Home/
The session/session
The studio floor/skills
Why it isn't slop/craft
The paper trail/receipts
Install/install

Artifacts

The briefdesign/BRIEF.md
Assets intakedesign/ASSETS.md
The directiondesign/DIRECTION.md
The mockup rounddesign/MOCKUPS.md
The design systemdesign/SYSTEM.md
The identitydesign/IDENTITY.md
Sitemap & blueprintsdesign/SITEMAP.md
Progress ledgerdesign/PROGRESS.md
QA & gatesdesign/QA.md
Checkpoint reviewsdesign/REVIEWS.md
RECEIPTS.jsondesign/RECEIPTS.json

Commands

Copy: /plugin marketplace add blyatiful1/ultraweb
Copy: /plugin install ultraweb@ultraweb

Evidence

Losing mockup A — The Ledgerthrowaway artifact
Losing mockup B — The Dossierthrowaway artifact
Winning mockup C — The Terminalthrowaway artifact
Plugin source on GitHubblyatiful1/ultraweb
This site's source on GitHubblyatiful1/ultraweb-site