TURF

BRAND KIT

Colors, typography, logo, and usage guidelines for TURF.

LOGO

TURF
TURF

Pin icon + wordmark. Use on dark backgrounds (left) or lime backgrounds (right). Minimum clear space: 1x icon width.

COLORS

Background

#080808

Surface

#141414

Accent (Lime)

#C8FF00

Negative

#FF3E6C

Foreground

#F0F0F0

Muted

#555555

Border

#222222

Dark-only theme. Lime (#C8FF00) is the primary accent for CTAs, active states, and highlights. Negative (#FF3E6C) for sells, errors, and destructive actions.

TYPOGRAPHY

Bebas Neue

Display headings, titles, hero text

--font-display

CLAIM YOUR GROUND

DM Mono

Data, prices, addresses, code

--font-mono

0x0583a0C5...3FD3

System Sans

Body text, labels, descriptions

system-ui

Memecoins pegged to real-world locations.

UI ELEMENTS

Buttons

Badges

BuildingFILLEDActive Tab

Cards

Stat Card

420,000

Progress Bar

Map Pins

Active

Filled

GUIDELINES

Do: Use the dark background (#080808) as the primary surface. Lime accent for primary actions and active states.

Do: Use Bebas Neue for all display headings. Uppercase. Wide letter-spacing.

Do: Use DM Mono for all data: prices, addresses, balances, percentages.

Don't: Use light backgrounds. TURF is dark-only.

Don't:Use lime (#C8FF00) for body text. It's for accents and CTAs only.

Don't: Stretch or recolor the logo. Use only the provided color combinations.