The Ryph brand
The logo, its colours and its type, for anyone writing about Ryph. Take the whole kit, or make your own blob logo below.
The logo
Ryph, set in a thickened Host Grotesk ExtraBold, over a circle in the brand’s gradient. The mark is its R alone, for avatars, icons and anywhere else too small for the whole word.
- Clear space
- Keep the height of the R clear all round the logo, measured from the edge of the circle.
- Size
- The wordmark from 64 pixels wide, and the mark from 16. Below that, the R fills in.
- Colour
- Black letters on the pale circle, or white letters on the deep one. The letters are never in colour, and the circle is always in its gradient.
Colour
Black and white carry almost everything. Colour comes in as the logo’s gradient, and as a hue for each part of Ryph. Every colour has a pale version for light pages and a deep one for dark. Click one to copy it.
The gradient
Ryph blue
Where the circle starts, on the left
Violet
The middle of the circle
Orchid
Where the circle ends, on the right
Teal
The glow that drifts over it
Amber
Where the glow fades out
Ink and paper
Ink
Type, and the letters of the logo
Paper
The page
Deep blue
Links and the app’s buttons
A hue for each part of Ryph
All at the same lightness and strength, so they sit together as one family around Ryph blue. The strong one is for icons and small marks; the wash tints the surfaces behind them. On dark pages, the strong one lightens and the wash deepens.
Coral
Incident response
Amber
Automations
Violet
Forges and chat
Pink
Memory
Green
Security
Teal
Environments
Blue
Deploy
Type
Two typefaces: Host Grotesk for headings and Inter for everything else, with JetBrains Mono for code. All three are free, under the SIL Open Font License.
Host Grotesk
Headings, and the wordmark. By Element Type, on Google Fonts.
Your Open-Source Code Factory.
- Bold
- 700, the only weight: for headings, the nav and short labels; page titles are tracked −2%
Inter
Text, and everything in the app. By Rasmus Andersson, from rsms.me.
Ryph runs AI agents in sandboxed pods on your own infrastructure, from your laptop to your cloud. Bold is for the few words that need it.
- Regular
- 400, for text: 17 pixels on 1.5 lines
- Bold
- 700, for emphasis and names
- JetBrains Mono
- 400, for code and commands
The brand kit
Everything on this page, as files in one download.
Logo
The wordmark and the mark, for light and dark backgrounds, as SVG and PNG.
Blobs
Six blob wordmarks, new with every version of the site.
Colours
Every colour on this page in oklch and hex, as JSON and as CSS.