BLK RCK Creative

Overview

TypeBrand Identity + Digital Platform

PlatformWeb (Responsive)

EngineGreenSock + Custom CSS

RoleCreative Direction + Development

BLK RCK Creative is a boutique creative studio platform built around a dark-mode-first identity. The digital presence serves as both a portfolio and a content production showcase, with project-by-project case studies featuring video, photography, and design work.

The brand identity uses stark black backgrounds with high-contrast white typography and selective color accents, letting the creative work itself provide all the visual interest.

How It Works

~2s

Landing

Full-bleed hero with studio name and tagline. Dark background with bold sans-serif typography. Scroll indicator prompts exploration.

Interactive

Work

Project grid showcasing creative output: video production, visual design, brand campaigns. Each project card reveals on scroll with GreenSock entrance animations.

Interactive

Case Study

Individual project pages with media galleries, process documentation, and outcome metrics. Scroll-triggered reveals pace the narrative.

End State

Contact

Studio contact information and inquiry form. Social links and collaboration CTA.

Engineering

Dark-Mode Identity

Black (#0A0A0A) backgrounds with white (#F5F5F5) typography. Color is reserved exclusively for hover states and accent elements: the work provides the palette.

Scroll Reveals

Intersection Observer triggers GreenSock entrance animations as project cards scroll into view. Staggered entrance delays create a cascade effect.

Media Grid

Mixed-media project grid supporting video (autoplay muted loops), photography (lazy-loaded with blur-up), and design work. Each cell adapts to its content's aspect ratio.

Brand Tokens

CSS custom properties define the entire brand system: colors, type scale, spacing, easing curves. A single token file controls the visual identity across all pages.

Engineering Decisions

Creative studios sell visual taste. A dark theme makes photography and video pop with maximum contrast. Light themes wash out creative work.

A grid of thumbnails is a stock photography site. Scroll-triggered entrances pace the portfolio like a curated gallery walk: each piece gets its moment.

Creative studios produce across mediums: video, photo, design. A grid that adapts to each content type showcases versatility without forcing a single format.

A studio's own website IS a design credential. Using a systematic token-based design system demonstrates the level of craft clients can expect.