Skip to content
Link Data

Link Data

Brand & UI Style Guide

Design tokens, typography, and primitives from website.md §4. Toggle the theme to preview light and dark.

Brand colors

The four core brand colors (website.md §4.1).

Data Dark
#003049
Data Blue
#00A0E3
Data Neon
#E51A4B
Data White
#FEFEFE

Color scales

Dark
50
100
200
300
400
500
600
700
800
900
950
Blue
50
100
200
300
400
500
600
700
800
900
Neon
50
100
200
300
400
500
600
700

Semantic tokens

Theme-reactive tokens used across the UI — they change with light/dark.

background
foreground
surface
surface-2
muted
primary
accent
accent-2

Gradients

Signature vertical brand gradient (Dark → Neon → Blue) and text gradient.

Geospatial Intelligence

Typography

Fluid scale (clamp) — resize the window to see it flex.

Turn data into decisions

Heading 1 — Intelligence, applied

Heading 2 — See the planet as data

Heading 3 — Productized intelligence

Lead paragraph. Link Data combines geospatial intelligence, Gen AI, and data literacy into products and services for emerging markets.

Body text. The quick brown fox jumps over the lazy dog. We turn raw information into insights for businesses, governments, and researchers.

Small / caption text — supporting detail.

1,234,567.89 · 95% · 60s

Buttons

Pill buttons echoing the logo. Variants and sizes.