Skip to content
Surfaces
Sections
GreenwaysVisual language · v2
Navigator

Greenways visual language · v2

Visual navigator

Move between the four sections without leaving the current visual system.
Current layerBrand · OS · Product · InfraEvery section can grow independently while sharing the same v2 visual contract.
Profile

Foundation contract · Issue #33

Neutral structure.
Peacock identity.

The v2 Greenways brand system keeps structure quiet, identity precise, and interaction signals legible across documentation, applications, and host surfaces.

Inspect typographyInspect colour roles

Shared family · independent scale

The same font relationship travels across systems.

Marcellus gives orientation, Manrope carries interface work, and IBM Plex Mono marks contracts, statuses, and technical edges. v2 changes density and scale—not the family.

Display · MarcellusPortable work
Interface · ManropeClear action, calm surface.
Technical · IBM Plex Monoreceipt.status = ready

Structural colour

Material before atmosphere.

Canvas, panels, seams, and elevation stay neutral in both themes. The peacock spectrum belongs to identity detail and small data emphasis.

Canvaspage field
Mutedsupporting rail
Raisedfocused surface
Recessedbackground depth
Strongseam / boundary

Peacock identity · restrained signal · semantic state

Colour has an ownership boundary.

Brand, interaction, and state are distinct families. A success state must never become the Greenways atmosphere, and a brand colour must never replace danger or warning.

EmeraldAquaSapphireViolet
Single toneEmerald fieldQuiet identity ground
Single toneAqua signalFocused interaction
GradientPeacock spectrumBounded identity moment
GradientSoft atmosphereGlass surface depth
Brand

Identity detail

Mark, sigil, and small data emphasis.

Signal

Primary interaction

Selection, links, commands, and small badges.

State

Semantic feedback

Neutral, info, success, warning, and danger.

Focus

Keyboard confidence

Aqua ring plus a neutral offset.

Host-specific expression

One contract, different densities.

The document layer is the calm base. Workbench, popup, panel, and public web surfaces choose their density and composition without changing the identity contract.

Document

Read and orient

Prose, examples, references, and local navigation.

Workbench

Compose and inspect

Rails, workspace, inspector, and explicit status.

Host surface

Adapt to authority

Native, browser, panel, popup, and web boundaries.

State completeness

Truthful states are part of the brand.

Information

Context available

Explain what the surface knows and what it does not.

Success

Receipt returned

Show the verified result, not just a completed animation.

Warning

Review required

Make the pending decision and its boundary explicit.

Danger

Recovery path

Describe the failure and the next safe action.