HK.

// PLAYGROUND

Creative Lab

Experiments in motion, typography, interaction, and design systems. This is where ideas are tested and boundaries are pushed.

terminal
$ hussain init creative-engine
⚡ Initializing design system...
✓ Brand tokens loaded
✓ Typography system active
✓ Motion library connected
✓ Grid framework initialized
🚀 Creative engine ready.
$ █

Hover / Tap the button

stiffness: 400 · damping: 15
type: spring

Type Scale

DisplayAa
HeadingAa
SubheadAa
BodyAa
CaptionAa

Color Tokens

Void#080809
Surface#121214
Volt#D7FF00
Cyan#00F0FF
Content#F4F4F5
Subtext#71717A
Brand
Product
Motion
Strategy

UI Components

Primary
Secondary
Ghost
Hussain Khan
Designer

Motion Config

const spring = {
  type: "spring",
  stiffness: 400,
  damping: 30,
  mass: 0.8,
};

const fade = {
  initial: { opacity: 0 },
  animate: { opacity: 1 },
  exit: { opacity: 0 },
};

// INTERACTION

Play with it

Drag me around

✦

drag · elastic · constrained

Magnetic buttons

Animated counter

0

Animated tabs

Every project starts with a deep understanding of the brand, audience, and goals — strategy before aesthetics.

// CREATIVE PLAYGROUND

Play with ideas.

Logo Generator

HK.

Design Challenge

Design a luxury biryani brand

// MOOD MIXER

Mix a mood.

Quiet Static
CHAOS50%
ENERGY50%

hue, blur, spin speed and scale all respond live —
find the combo that feels like your brand.

Got A Project?

Let's build your next big brand

Whether you're launching a startup, refreshing your identity, or building a digital product, let's create something memorable.