pyRPC

Brand

The visual language, tokens, and design motifs that power the pyRPC ecosystem. These elements maintain consistency across our documentation and product interfaces.

Foundations

01

Color

The palette that makes up every surface in the product. Click a swatch to copy its hex.

Typography

We utilize Geist Sans for all primary UI text to ensure crisp readability, paired with Geist Mono for code snippets, CLI commands, and technical metadata.

Geist Sans · H1

text-4xl tracking-tight

Type-Safe APIs.

Geist Sans · Body

text-sm leading-relaxed

Define procedures in Python. Consume them in TypeScript with full type safety. No schema drift, no codegen pipelines.

Geist Mono · Code

font-mono text-sm

const api = createClient<Types>();

Radius

Radii are kept deliberately tight. Containers default to lg, controls sit one step below at md, avatars and badges break to full. Code and editor surfaces stay sharp for a more editorial feel.

sharp · code

rounded-none

Code blocks, editors, terminal windows

md · controls

rounded-md

Buttons, inputs, chips, inline callouts

lg (default)

rounded-lg

Cards, panels, windows, page surfaces

full

rounded-full

Avatars, pills, badges

Motifs

02

Repeating patterns used across our surfaces, quiet structure instead of ornament.

Grid Pattern

.bg-grid

Dot Pattern

.bg-dot

Components

03

Buttons

Three variants, three sizes.

DefaultSecondaryGhost
SmallDefaultLarge

Context Menu

Right-click affordances. The header logo opens this menu; the Resources nav dropdown shares the same treatment.

Right-click here

Card

Flat border, no shadow. Uses dashed footer rules for meta.

get_user

The canonical query unit, typed input, typed return, inferred end to end.

queryUser

Fixed values

Literal values used on marketing surfaces and code windows, outside the theme. Surfaces stay flat; elevation is reserved for overlays.

Signal

#97c983

Surface

#0a0a0a

Surface Raised

#101010

Hairline Strong

#262626