FADA / DS

Design tokens

Single source of truth for every visual token used across the site.

Color

Core

ink

#FFFFFF

Headlines, high impact

paper

#060606

Global background

soft

#B4B4B4

Body copy

dim

#989898

Secondary body

Typography

display

clamp(1.9–3.25rem)

FADA Studio.

-0.025em

1.02

body-lg

18px

A design and marketing team embedded in yours.

—

1.6

body

16px

Brand, product, web and campaign work held to one standard.

—

1.35

14px

Book a call

—

1.2

label

11px mono

SECTION LABEL

0.16em

1.4

Track

Families

Display

Satoshi

Body

Archivo

Mono

JetBrains Mono

Border radius

rounded-sm

2px

Ticks, micro chrome

rounded-md

6px

Images, cards, chips, buttons

rounded-full

999px

Dots, pills

Spacing

--pad

24px

Section horizontal padding (mobile)

--pad-lg

40px

Section horizontal padding (desktop)

--section-py

96 / 128px

Section vertical rhythm

--card-p

24px

Card padding

--gap

8px base

All gaps snap to multiples of 8

Motion

expo-out

cubic-bezier(0.16, 1, 0.3, 1)

All transitions — exits and reveals

reveal

0.9s expo-out

opacity 0→1 + translateY 18px→0

reveal-media

1.1s expo-out

opacity 0→1 + translateY 14px→0

signal-link

0.5s expo-out

Underline scaleX 0→1 from left

Components

Button

View project

Tag / badge

Brand identityProduct designWeb designUX / UIBrandingMotion

Project row

Obol

Short tagline here

2025

Meridian

Short tagline here

2025

Card

Timeline

Oct 2024 – Mar 2025

Card · default