Lexi Play - Experimental Playground

01 — Colour

Signal

Primary Accent

Black

Primary Dark

Grey

Neutral

White

Primary Light

Colour Combinations

AaSignal on Black

AaBlack on Signal

AaBlack on White

AaWhite on Black

AaBlack on Grey

AaWhite on Grey

AaSignal + Border

Aa⚠ Low Contrast

Do not use Signal on White for text. Contrast fails WCAG 1.4.3 (~1.2:1). Use Signal only on dark backgrounds or for non-text accents.

02 — Typography

Display
128px / 300 Light
-0.02em / 1.0

Gesture to intelligence.

Heading 1
80px / 300 Light
-0.02em / 1.0

New pathways for co-creation

Heading 2
48px / 300 Light
0em / 1.0

Rooted in human expression

Heading 3
32px / 300 Light
0em / 1.0

The gestural and the spatial

Body L
32px / 400 Regular
0em / 1.3

Lexi is creating new pathways for human and machine co-creation rooted in the gestural and spatial nature of human expression. We believe the most powerful interfaces dissolve into the movement of thought itself.

Body M
24px / 400 Regular
0em / 1.3

Lexi is creating new pathways for human and machine co-creation rooted in the gestural and spatial nature of human expression.

Body S
16px / 400 Regular
0em / 1.3

Gesture is the first language — the bridge between intention and intelligence, between the hand and the machine.

Label
12px / 400 Mono Regular
0.16em / 1.0

GESTURAL INPUT · SPATIAL COMPUTING · CO-CREATION

Code
16px / 400 Mono Regular
0em / 1.3

const gesture = lexi.interpret(motion, { space: 'spatial' });

03 — Logo

Wordmark

Signal on Black

White on Black

Black on Signal

Grey on White

Logomark — Dot Cube (Transparent)

Transparent / Black

Transparent / Signal

Logomark — Dot Cube (Box Containers)

Signal on Black

Black on Signal

Black on Grey

Black on White

Logomark — Dot Cube (Hexagon Containers)

Signal on Black

Black on Signal

Black on Grey

Black on White

04 — Visual Expression

Isometric Grid

30° angle, 24px base unit. Signal-coloured lines at 15% opacity over any surface. Provides structural rhythm for layouts and dot-cube placement.

Dot-Cube Motif (3×3×3)

Dot-Cube Construction

Dots at 3D grid vertices, projected isometrically. Only 2 dot sizes: larger spheres on the three axes from the anchor (sphere 1), all others smaller. Height, width, and depth are variable — the 2×2×2 logomark is the simplest form. Ratio ≈ 1 : 2.1 (matches logomark radii).

Wordmark Blur

The Signal wordmark scaled up and heavily blurred (blur(60px)+) as an ambient background wash. Use on light surfaces at 40–60% opacity. The organic glow creates depth without competing with foreground content.

Logo Engine

Interactive visualiser for generating dot-cube configurations: Lexi Logomark Engine (opens in new tab). Sphere 1 is the distribution anchor; rotation pivots around the footprint centroid.

05 — Spacing Scale

space-1

4px

space-2

8px

space-3

12px

space-4

16px

space-6

24px

space-8

32px

space-10

40px

space-12

48px

space-16

64px

space-20

80px

06 — Quick Reference

Token	Value	Usage
lexi.color.signal	#D0E62C	CTAs, accents, active states, highlights
lexi.color.black	#151715	Primary dark, backgrounds, text on light
lexi.color.grey	#7D827E	Muted text, borders, secondary surfaces
lexi.color.white	#F8F9F9	Primary light, backgrounds, text on dark

lexi.typography.family.sans	Founders Grotesk	Headings, UI, body text
lexi.typography.family.mono	Founders Grotesk Mono	Code, labels, data, metadata

lexi.visual.grid.angle	30°	Isometric projection angle
lexi.visual.grid.unit	24px	Base grid cell size
lexi.visual.dot-cube.sizes	minRadius / maxRadius (≈ 1 : 2.1)	Only 2 sizes: large on axes from anchor, small elsewhere