JUICECONSULTING

Design language|V1|Drawn from the client’s references

Analog signal•Culture•Evolution

Signal
on black

A single line of light in a dark room. Everything in the system is either the dark, the line, or something the line did.

Colour

Contrast is measured against Void

Ground

Measured from the logo sheet and the storyboard frames.

  • Void

    #050505

    --void

    Page and canvas background.

  • Carbon

    #0D0C0B

    --carbon

    1.04:1 · DECORATIVE ONLY

    Image wells, behind media.

  • Soot

    #1D1C1A

    --soot

    1.20:1 · DECORATIVE ONLY

    Raised surfaces, code and paths.

  • Ash

    #403D36

    --ash

    1.88:1 · DECORATIVE ONLY

    Scrollbars, disabled.

  • Static

    #6D655F

    --static

    3.57:1 · LARGE / GRAPHIC ONLY

    Decorative only. Too dim for text.

Signal

Measured from the wordmark and the paper tiles on the logo sheet.

  • Bone

    #DFD5CC

    --bone

    14.10:1 · AAA TEXT

    The line. Headlines. Body text.

  • Paper

    #E8DED6

    --paper

    15.38:1 · AAA TEXT

    Light-ground variant of the mark.

  • Tan

    #D5B18E

    --tan

    10.20:1 · AAA TEXT

    The warm wordmark variant.

  • Sand

    #C1B7A1

    --sand

    10.24:1 · AAA TEXT

    Secondary text on dark.

  • Dust

    #A49489

    --dust

    6.96:1 · AA TEXT

    Captions, metadata.

Brand accents

The colour variations on the logo sheet.

  • Signal Hot

    #F15735

    --signal-hot

    5.97:1 · AA TEXT

    The tagline red. Links, the playhead, anything that must be read.

  • Signal

    #BD331E

    --signal

    3.55:1 · LARGE / GRAPHIC ONLY

    The red tile. Fills and large shapes only.

  • Acid

    #ECF501

    --acid

    17.11:1 · AAA TEXT

    The yellow wordmark. Focus rings and "latest". Once per screen.

Stripe

The five bands of the retro logo, read from the logo file. Always in this order. V2 is built from these and nothing else.

  • Coral

    #E75D42

    --stripe-coral

    5.86:1 · AA TEXT

    Band 1. The outside of the e, the inside of the j.

  • Orange

    #E29235

    --stripe-orange

    8.15:1 · AAA TEXT

    Band 2.

  • Gold

    #E9B040

    --stripe-gold

    10.43:1 · AAA TEXT

    Band 3, the middle. The sun in V2.

  • Teal

    #00898A

    --stripe-teal

    4.80:1 · AA TEXT

    Band 4.

  • Navy

    #11344B

    --stripe-navy

    1.57:1 · DECORATIVE ONLY

    Band 5. Type on gold. Nearly invisible on Void — never alone on black.

Worlds

Measured across the client’s moodboard. Used inside art, never for interface.

  • Marigold

    #DF9932

    --marigold

    8.48:1 · AAA TEXT

    Warm fields, warnings.

  • Amber

    #D97C26

    --amber

    6.66:1 · AA TEXT

    The cusp. Light breaking on the right edge.

  • Ember

    #E14D10

    --ember

    5.12:1 · AA TEXT

    Suns, heat.

  • Teal

    #349389

    --teal

    5.51:1 · AA TEXT

    Cool counterweight.

  • Ultraviolet

    #7C3CD1

    --ultraviolet

    3.32:1 · LARGE / GRAPHIC ONLY

    Space, the unreal.

  • Cobalt

    #2E44C0

    --cobalt

    2.62:1 · DECORATIVE ONLY

    Skies.

  • Midnight

    #17304A

    --midnight

    1.51:1 · DECORATIVE ONLY

    Deep sky, shadow with colour in it.

Interference

The three channels, for the moment the signal splits. Never as flat colour.

  • Channel R

    #FF3B30

    --ch-r

    5.75:1 · AA TEXT

    Left fringe.

  • Channel G

    #2ABA27

    --ch-g

    7.91:1 · AAA TEXT

    Centre.

  • Channel B

    #2E6BFF

    --ch-b

    4.53:1 · AA TEXT

    Right fringe.

Type

Three voices

Display

ANTONIO 200 / 300
UPPERCASE · TRACKED +0.06EM

Culture’s evolution

Text

HANKEN GROTESK 400 / 500

Different worlds. Same frequency. All part of the evolution.

Labels are set small, in capitals, tracked wide

Data

IBM PLEX MONO 400

01   0:00:00  →  0:01:00   THE QUIET

Six motifs

Each shown at the moment that proves it

  • Analog line

    One line, one pixel and a half thick, always horizontal, always at the waist of whatever it crosses. It is never decoration — if it is on screen it is doing something.

  • Glitch / interference

    Horizontal only. Slices tear sideways at two scales, never vertically, never as blocks of colour. It arrives in bursts and it always resolves.

  • Scanlines / RGB shift

    Channels drift apart when the signal is loud and close up when it is calm. Fringing grows toward the corners, the way glass does it.

  • Film grain

    Always on, everywhere, including the pages. It is what makes the black a place instead of a void.

  • Dark / contrast

    Black ground, bone light. Colour is an event. When amber shows up at the end it lands because nothing before it was warm.

  • Typography is hero

    Tall condensed capitals, tracked wide, set light. The type is the image — nothing sits behind it and nothing competes with it.

House rules

Text colour
Bone on Void. Dim and Faint for secondary. Nothing dimmer than Faint carries words.
Red
Signal Hot when it has to be read. Signal only as a fill — it fails contrast as text.
Acid
One use per screen. It is the loudest thing in the system and it stops working the second time.
World colours
Inside artwork only. They never colour a button, a link or a label.
Corners
Square. Always.
Rules
One pixel, bone at 16%. At 38% when it has to hold a section.
Motion
Eases out, never bounces. Cuts are stepped. Anything that moves stops for reduced-motion.
Targets
44px minimum, everywhere.

Brand files — logo, marks, type

01 FILE
  • juice retro logo

    juice retro logo

    V115 KBSep 29, 2026