Logo

Brand Assets

Use these assets when referencing paso. Don't rotate, stretch, or add effects to the logo. Maintain clear space equal to the height of the arch.

paso Horizontal lockup
Horizontal lockup SVG
paso Stacked lockup
Stacked lockup SVG
paso Icon only
Icon only SVG
paso Wordmark only
Wordmark only SVG
paso Icon (dark bg)
Icon (dark bg) SVG
paso Icon (light bg)
Icon (light bg) SVG
paso Mono (dark)
Mono (dark) SVG
paso Mono (light)
Mono (light) SVG
Colors

Accent Colors

Click a hex code to copy it.

Amber (primary)
Teal (bright)
Teal (deep)
Success
Warning
Error

Backgrounds — Dark Mode (Warm Stone)

Void
Base
Surface
Elevated

Backgrounds — Light Mode (Warm Linen)

Void
Base
Surface
Elevated
Typography

Fonts

Headings, labels, buttons Satoshi
Body text, descriptions IBM Plex Sans
Code, inline code, technical labels IBM Plex Mono
H1Fluid / 500
H2Fluid / 500
H3Fluid / 500
BodyFluid / 400
SmallFluid / 400
CodeIBM Plex Mono / 400
CaptionLabel / 600 uppercase
Voice

How We Write

Short sentences. Periods, not exclamation marks. Show code, not adjectives. Facts, not claims.

"You declare." "We believe." Never "Paso provides enterprise-grade solutions."

Full voice and tone guide is in the repository at brand/voice-and-tone.md.

Design Rules

Visual System

Radius: 2px everywhere
Borders: 1px solid, no shadows
Spacing: 8px grid
Depth: Borders only, no drop shadows
Icons: Geometric, monolinear, 1px stroke