WebsiteAthlete protection2026

GuardNIL

GuardNIL protects the name, image, and likeness of young athletes and their families. We built the brand site in volt on black.

Client
GuardNIL
What we did
Creative directionFrontend UI/UXInteractiveEngineering
guardnil.com
GuardNIL homepage
GuardNIL on a phone

The brief

Protection is invisible until it is needed. The site had to make it feel present and strong without fear.

Design system

Palette

Black

#0A0A0A

Volt

#E8E517

White

#FAFAFA

Grey

#A8A8A8

Steel

#707070

Type

DisplaySF Pro Display
DataSF Mono

Inside the build

01

Scroll scenes

Each section is a scene that plays with the scroll.

How: Scroll-progress scenes, parallax, perspective frames.

02

Kinetic type

Headlines move in with weight and intent.

How: Kinetic headings and cinematic reveals.

03

Live product mocks

Progress rings, sparklines, and stats animate as real components.

How: Code-built mocks with count-up numbers and crossfade stacks.

GuardNIL section
GuardNIL section
GuardNIL section

Technology

  • Next.js 16
  • React 19
  • Framer Motion
  • Tailwind v4

Next project

Blurr

A dating app built around real plans: members post dates, others show interest, and both sides confirm.

Want one like this?

Tell us about the business. You leave the first call with a direction and a written estimate.