Skip to content
Fryv Studio
fryv brand system

The parts every
Fryv surface is built from.

Colour, type, and components in one place. Electric blue does the interactive work. Poppins sets the voice, Geist runs the body copy, and Geist Mono handles the numbers and system labels.

Fryv Studio
Fryv Studio

Colour

8 tokens
Electric Blue

Interactive, links, primary CTA

#1A7BFF

Electric Bright

Logo chevron, hover

#2C8DFF

Navy

Dark grounds

#13245F

Ink

Deepest ground

#0C1524

Amber

Small accents only

#E9A62C

Tint

Section wash

#E5F1FE

Body Ink

Text on light

#16181D

Paper

Base

#FFFFFF

One interactive colour keeps the system legible: if it is blue, it responds to a click. Amber stays confined to small accents. Navy and ink carry the dark grounds where the work is shown.

Type

3 families

Poppins

display / headings

Systems that run operations

Carries the brand voice in headlines and calls to action.

Geist

body / interface

Geist runs paragraphs, labels, and interface text. It is built for screens, so long case studies and the argument for ROI stay readable without drawing attention to the type itself.

Paired against the geometric shapes of Poppins, its neutral, mechanical letterforms give the two jobs a clear boundary.

Geist Mono

system meta

audit → design → build → deploy → optimize

hours_saved / week: 21.4

stack: anthropic · n8n · rag · postgres

Controls

pill, brand
automation retainers

Fryv Studio brand foundation. Next: the design system and motion language, then the site.