soundsmint — Creative Director Competitions

6 pure creative directions — each exploring one aesthetic to its limit

Best Creative Director

CD6 — Winner

Magazine Collage

"MINT PRESS — VOL. 1, ISSUE 001"

Old-school cut-and-paste magazine aesthetic. Ripped paper edges, taped-down Polaroids, 5 mixed typefaces, stamps, stickers, handwritten annotations, scissors perforation, cork-board textures.

clip-path torn edges 80 rotations 5 mixed fonts tape/washi Polaroid frames stamps + stickers scissors perforation

View Site

CD4v2 — Runner Up

Retro Futurism

"Transmitting from the Future"

CSS Houdini @property, real 3D preserve-3d, CRT curvature, typed text steps(), card flip animations, iridescent conic-gradient vinyl, star field, animated mesh gradients.

9x @property preserve-3d CRT curvature conic-gradient card flip star field scanlines

View Site

CD1v2

Noir Vinyl

"Where Sound Meets the Underground"

Real translateZ parallax, SVG feTurbulence noise, torn clip-path merch, 50+ vinyl grooves, 15 dust particles, custom cursor mix-blend-mode: difference, ghost text-stroke.

translateZ parallax feTurbulence clip-path polygon mix-blend-mode custom cursor gradient text

View Site

CD2v2

Botanical Mint

"Rooted in Sound. Blooming in Silence."

5 hand-drawn SVG botanicals, glass dome terrarium vinyl with condensation, stroke-dashoffset vine animation, shape-outside text wrapping, vertical writing-mode, flower bloom.

5 SVG botanicals glass terrarium stroke-dashoffset shape-outside writing-mode mask-image

View Site

CD3v2

Brutalist Press

"SOUND IS A WEAPON."

Monospace-only, mix-blend-mode: difference hero, rotated sections, CSS counter bg numbers at 35vw, wireframe vinyl, raw table events, marquee strips, crosshair cursor.

Space Mono only blend: difference rotated sections CSS counters 35vw wireframe vinyl marquee strips

View Site

CD5v2

Minimal Gallery

"Listen closely."

4 colors only, scroll-snap mandatory, 58 clamp() expressions, custom red dot cursor, sonar ping vinyl, pure-border wireframe disc, 5 single-line SVGs, counter sidebar.

4 colors only scroll-snap 58x clamp() red dot cursor sonar ping counter sidebar

View Site

6 hybrid blends — colliding two aesthetics to create something new

Retro-Future × Minimal

RF × MIN

Blend 1A

Void Chrome

"Transmitting from the Void"

Holographic stripped to absolute essence. 90% dark void, ONE glass panel per section, single conic-gradient border, Outfit weight 300 whisper-thin typography. If Dieter Rams designed a spaceship.

conic-gradient 3x backdrop-filter max scroll-snap 5 colors only 6px dot cursor typed text steps()

View Site

RF × MIN

Blend 1B

Signal

"SIGNAL_ACQUIRED // FREQUENCY_LOCKED"

Terminal interface from 2077 by a Bauhaus student. All monospace, data readouts, wireframe containers, blinking cursors, system tabs, numbered indices. HUD meets Swiss precision.

JetBrains Mono only tabular-nums blinking cursors wireframe borders CSS counters [001] grid overlay pulse animation

View Site

Brutalist × Minimal

BRT × MIN

Blend 2A

Concrete Silence

"SILENCE IS LOUD."

Massive monospace in vast white emptiness. 85% negative space, 18vw headlines, 0.75rem body. 4 colors only, zero transitions, mix-blend-mode: difference, crosshair cursor. Scale vs silence.

18vw headlines blend: difference scroll-snap 4 colors only transition: none crosshair cursor 4px borders

View Site

BRT × MIN

Blend 2B

Grid Law

"ORDER IN CHAOS."

Swiss International Style gone punk. Strict 12-column grid with visible gridlines, weight-900 Inter headlines, 20vw red section numbers, asymmetric column spanning, zero easing. Müller-Brockmann does hardcore.

12-col grid visible gridlines font-weight: 900 CSS counters 20vw 4px red underlines blend: multiply transition: none

View Site

Brutalist × Retro-Future

BRT × RF

Blend 3A

Glitch Protocol

"> PROTOCOL_ACTIVE // SOUNDSMINT_V2.1"

Hacked mainframe displaying punk zine layouts. CRT scanlines, phosphor green glow, glitch clip-path animations, ASCII dividers, terminal prompts, file path track names. Mr. Robot meets music.

CRT scanlines glitch @keyframes phosphor text-shadow dashed borders blinking cursors blend: screen pixel columns

View Site

BRT × RF

Blend 3B

Reactor

"REACTOR ONLINE // CORE STABLE"

Nuclear reactor control room as music platform. Glass panels with 4px industrial borders, perspective grid floor, neon glow box-shadows, warning stripes, concentric ring vinyl, 3D section tilts.

perspective: 1200px glass + thick borders grid floor neon box-shadow warning stripes clip-path industrial concentric rings

View Site

6 variations of Concrete Silence — same DNA, different aesthetic thesis

CS VAR

CS-1

Monolith

"ONE WORD PER VIEWPORT."

The extreme reduction. LISTEN / COME / WEAR / STAY / END — each word at 50vw IS the section. Content exists as microscopic footnotes in the corners. The word is the monument.

50vw single words 0.6rem micro-text blend: difference -0.06em tracking

View Site

CS VAR

CS-2

Negative

"SILENCE IS LOUD."

Full inversion — white on black. Same silence, but the void is cosmic darkness, not clinical air. White vinyl grooves hypnotize against the abyss. Depth through opacity layers.

color inverted blend: exclusion white grooves on black mint scrollbar opacity depth

View Site

CS VAR

CS-3

Redline

"DRAWN IN RED."

Red promoted from CTA to architecture. 6px red rules as primary rhythm, fixed red margin line, 8 red vinyl groove rings, 20vw red section numbers. Reads like a redlined blueprint.

red as structure 6px red rules fixed margin line red vinyl grooves 20vw red numbers

View Site

CS VAR

CS-4

Specimen

"A STUDY IN TYPE."

Type foundry catalog. Each section is simultaneously band content AND a typographic demonstration. Metadata labels, type waterfalls, weight comparisons, character set footer. The font IS the design.

specimen labels type waterfall tabular-nums weight comparison character set 4 treatments

View Site

CS VAR

CS-5

Offset

"OFF CENTER."

Nothing is centered. Ever. 3-column grid with permanently empty center column — the void spine. Content pushed to far left or far right. Fixed black vertical line marks the deliberate emptiness.

3-col grid empty center spine fixed void line edge-pushed content asymmetry ideology

View Site

CS VAR

CS-6

Pulse

"THE ONLY THING THAT MOVES."

ONE animation on the entire page. A mint sonar ring expanding from the vinyl every 3 seconds. Everything else is completely frozen. The motion is sacred because it is singular. Heartbeat of the void.

1 animation total sonar ring pulse play-state toggle 680px pulse space transition: none

View Site