Brand System

A tidy, minimal grid of circular “orbs.” Hover to breathe, click for details. Built to be clear, calm, and flexible.

Identity

Core artifacts that define the look & feel.

WEST WEAR
Urban cowboy culture
WHERE TO
SF Bay Ferry Campaign
WORK WHERE
Workplace identity
I LOVE THE TL
Community initiative
RETROFIT — Fête de la Musique
Campaign visuals
STATE OF SOUND — Europe
Music, Motion & Place
CRUISE — AI
Creative systems for AV

Principles

Simple. Spacious. Specific.

Clarity

Everything earns its place: typography, motion, and density. No more than needed, exactly when needed.

Consistency

Shared patterns—spacing, scale, and rhythm—create comfort. Consistency increases trust.

Character

Minimal doesn’t mean bland. It means confident. A few strong moves, executed well.

Library

Assets & references, organized.

Identity Principles Library

World Building

A structured grid of “worlds” that gently float in place. Click any orb for details.

WEST WEAR
Urban cowboy culture
WHERE TO
SF Bay Ferry Campaign
WORK WHERE
Workplace identity
I LOVE THE TL
Community initiative
PARIS FASHION WEEK DJ SET
Retrofit DJ Set
RETROFIT — Fête de la Musique (Paris)
Campaign visuals
STATE OF SOUND — Europe
Music, Motion & Place
CRUISE — AI
Creative systems for AV
WEST WEAR WHERE TO WORK WHERE I LOVE THE TL PARIS FASHION WEEK SET RETROFIT — Fête de la Musique STATE OF SOUND CRUISE — AI
World Building
Explore the worlds & stories Khris has helped build

Quick Portfolio

A clean, scrollable list of projects. Easy to skim and accessible.

World Building

A structured grid of “worlds” that gently float in place. Click any orb for details.

WEST WEAR
Urban cowboy culture
WHERE TO
SF Bay Ferry Campaign
WORK WHERE
Workplace identity
I LOVE THE TL
Community initiative
RETROFIT — Paris
Campaign visuals
STATE OF SOUND — Europe
Music, Motion & Place
CRUISE — AI
Creative systems for AV
Select a project
Previews appear inside the globe
\ \ \ \ \ \ \ \ \ \ \ \ \ \ '); background-size: cover, 100% 100%; background-position: center; animation: krSpin 28s linear infinite; border-radius: 50%; } @keyframes krSpin { from { transform: rotate(0deg) scale(1.01); } to { transform: rotate(360deg) scale(1.01); } } .kr__orb img, .kr__orb video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.04); filter: contrast(1.04) saturate(1.05); } .kr__caption { margin-top: 14px; text-align: center; } .kr__cap-title { font-weight: 700; letter-spacing: .02em; } .kr__cap-sub { color: var(--muted); font-size: 13px; margin-top: 4px; } /* Responsive */ @media (max-width: 980px) { .kr { grid-template-columns: 1fr; } .kr__sidebar { order: 2; } .kr__preview { order: 1; padding: 18px; } .kr__orb-wrap { width: var(--orbSizeMob); height: var(--orbSizeMob); } } /* Respect reduced motion */ @media (prefers-reduced-motion: reduce) { .kr__orb-anim, .kr__orb::after, .kr__grid { animation: none !important; } .kr__orb, .kr__orb-wrap { transition: none !important; } }