brand assets

published
22.03.2026

wordmarks

Section 01
platform
Primary Wordmark / Dark
platform
Primary Wordmark / Light
SVG Definition
<svg viewBox="0 0 200 60" xmlns="http://www.w3.org/2000/svg"> <text x="10" y="45" font-family="Plus Jakarta Sans" font-weight="800" font-size="42" letter-spacing="-2" fill="currentColor"> platform </text> </svg>

symbols

Section 02
m
Monogram

color modes

Section 03

mocha (dark mode)

Base
Mantle
Surface0
Primary
Secondary
Accent
Danger

Optimized for structural precision and functional honesty. Mocha uses deep Catppuccin ink tones to minimize eye strain while maintaining architectural depth through tonal layering.

latte (light mode)

Base
Mantle
Surface0
Primary
Secondary
Accent
Danger

Designed for high-visibility editorial content. Latte utilizes warm, paper-like neutrals to create a curated, non-intrusive experience for brand documentation.

symbolic geometry

Section 04
platform

buttons (cinematic footprint)

Section 05

Buttons utilize wide, cinematic padding (`px-8` to `px-10`) to emphasize architectural authority. Primary actions feature a solid primary fill with a rim-light highlight for structural depth.

minimalist inputs

Section 06

the architectural card

Section 07
Insight 01
structural analysis 1

Observation of tonal shifts across the surface container logic reveals a 12% increase in editorial clarity.

Insight 02
structural analysis 2

Observation of tonal shifts across the surface container logic reveals a 12% increase in editorial clarity.

Insight 03
structural analysis 3

Observation of tonal shifts across the surface container logic reveals a 12% increase in editorial clarity.

insight chips

Section 08
ai.curated system.optimized archived.v2

editorial typography

Section 09

the curated
monolith.

we reject the cluttered, line-heavy interfaces of standard saas in favor of architectural precision and avant-garde editorial layouts.

Display / Plus Jakarta
lowercase authority
Body / Manrope
Functional clarity for high-density information environments.
Metadata / Label
technical sophistication

feedback & overlays

Section 10

Sonner integration for non-intrusive status updates.

confirm.installation

Are you sure you want to deploy the monolith to the production cluster?

Glassmorphism (70% opacity + 12px blur) for floating layers.