Design Assets

Colours, tokens, typography, and icon specs from the Animated Cursor design system — ready to copy or download.

Colour Palettes

🌌 Galaxy (Default)

#FFD84A

Accent

--accent

#57D8FF

Accent Two

--accent-two

#FF7AD9

Accent Three

--accent-three

#321252

BG One

--bg-one

#06364B

BG Two

--bg-two

#05070D

Page BG

--page-bg

🌿 Aurora

#7DFFCA

Accent

--accent

#8EA7FF

Accent Two

--accent-two

#FF8EE6

Accent Three

--accent-three

#073B2D

BG One

--bg-one

#202760

BG Two

--bg-two

#03130F

Page BG

--page-bg

🌸 Neon

#FF2BD6

Accent

--accent

#00F5FF

Accent Two

--accent-two

#B6FF00

Accent Three

--accent-three

#31003F

BG One

--bg-one

#003B43

BG Two

--bg-two

#08030D

Page BG

--page-bg

🦟 Firefly

#DFFF74

Accent

--accent

#4DFF8A

Accent Two

--accent-two

#FFBD59

Accent Three

--accent-three

#1E3210

BG One

--bg-one

#273300

BG Two

--bg-two

#050805

Page BG

--page-bg

CSS Design Tokens

Token	Value (Galaxy)	Usage
`--accent`	#FFD84A	Primary glow, buttons, highlights
`--accent-two`	#57D8FF	Secondary highlights, borders
`--accent-three`	#FF7AD9	Tertiary accents, sparkle
`--page-bg`	#05070D	Page background
`--text-color`	#F8FBFF	Primary text
`--glow-rgb`	138, 43, 226	Galaxy centre glow blob

Typography

Display / H1 clamp(2.5rem, 9vw, 5.5rem) · 800

Animated Cursor

H2 Section 1.9rem · 800

Design Assets

H3 Card Title 1.1rem · 700

Glowing Orb Cursor

Body 1rem · 400 · lh 1.7

Move around and hover the actions to feel the glowing comet trail. A lightweight, zero-dependency cursor library.

Label / Tag .72rem · 700 · uppercase · .08em

Animation · UI / UX · Canvas

Mono / Code JetBrains Mono · .88rem

data-cursor="orb"

Icon Set

Uses Font Awesome 6.5 — click any icon to copy its class name.

mouse-pointer

palette

rocket

code

bolt

star

wand-sparkles

eye

download

globe

envelope

paper-plane

github

twitter

heart

Download Packs

Colour Palette

All 4 themes as a .css variables file

Copy CSS

Typography Tokens

Font sizes, weights, and line-heights

Copy CSS

Full CSS File

Complete animated-cursor.css stylesheet

Download

JavaScript File

Complete animated-cursor.js engine

Download