Brand Guidelines

Essential assets and standards for the hytale.GG brand identity

Logo

hytale.GG

Use for: Headers, marketing materials, large displays

public/hytale-gg.png

h.GG

Use for: Favicon, social profiles, compact spaces

public/h-gg.png

Usage Guidelines

Do's

✓ Use on dark backgrounds (#1F2937 or darker)
✓ Maintain aspect ratio when scaling
✓ Keep clear space around logo

Don'ts

✗ Don't rotate or distort
✗ Don't change colors
✗ Don't add effects (shadows, glows)

Color Palette

Purple

var(--primary)

hytale text, brand primary

Yellow

var(--secondary)

GG text, accents, CTAs

Dark Gray

var(--border)

Outlines, borders

Grass

var(--grass)

Block top

Grass Dark

var(--grass-dark)

Block sides

Dirt

var(--dirt)

Block bottom

Typography

Logo Fonts

Press Start 2P (hytale)

hytale

Minecraft/Minecrafter (GG)

GG

Website Fonts

Geist Sans (Body)

The quick brown fox jumps over the lazy dog

Montserrat (Headings)

Heading Example

Geist Mono (Code)

play.hytale.gg:25565

Design Tokens

Core Tokens

--background

var(--background)

--foreground

var(--foreground)

--primary

var(--primary)

--secondary

var(--secondary)

--border

var(--border)

--radius

var(--radius)

Brand-Specific Tokens

--grass

var(--grass)

--grass-dark

var(--grass-dark)

--dirt

var(--dirt)

--highlight

var(--highlight)

Component Registry

Hytale.GG Component Registry

Explore our complete component library with interactive examples, live previews, and customizable design system components built specifically for Hytale.GG.

Open Registry

✨ 43+ components available

🎨 Gaming-themed design system

⚡ Built with shadcn/ui & Next.js 16