Brand Exploration · v0.1

Five worlds for
dark-side.studio

A web studio that ships beautiful, behavior-rich sites in days, not months. Below are five complete brand directions — each with a logo concept, type system, color world, motion language, and a live hero preview so you can feel it, not just read it.

↓ scroll
01 / Brutalist Terminal

"./dark-side"

For: technical buyers, devs, B2B SaaS
Vibe: hacker confidence, raw, fast
~ /dark-side ▸ main
$ whoami
# a two-person studio that ships production sites in 72 hours.

$ cat ./pitch.md

Websites at the
speed of thought.

// We ship in days, not quarters. Pixel-perfect, fully bespoke.
// 100% ours. No themes. No templates. No excuses.

$ ls ./services
marketing-sites/ // 5–7 days
web-apps/ // 2–3 weeks
ai-experiences/ // custom

$ ./book-call --asap →

Logo

./dark-side typed in mono, with a blinking cursor. Alt mark: [ds] in brackets. Favicon = the green block cursor.

Typography

  • JetBrains Mono — everything
  • One typeface. No exceptions.
  • Scale: 12 / 14 / 18 / 32 / 64

Palette

Black background, terminal green accent, error red for emphasis.

Motion & Effects

  • Typewriter hero text reveal
  • Glitch on hover (RGB split)
  • Scanline overlay (subtle)
  • ASCII section dividers
  • Real terminal commands as page anchors

Graphics

None. Just type, ASCII boxes, and the occasional wireframe diagram. The aesthetic IS the design.

Why it works

The "vibe-coded" backend reads as technical mastery, not shortcut. Builds instant credibility with engineers and founders.

02 / Cosmic Void

"Cross over."

For: premium brands, founders with budget
Vibe: mystical, powerful, cinematic
dark-side
A Web Studio · Est. 2026

Cross over to the side
that ships.

We build cinematic, behavior-rich websites with the kind of polish brands wait three months to get — except we're done in five days.

Begin the descent

Logo

Eclipse mark — a black disc with a violet corona — paired with "dark-side" in italic Cormorant. The mark animates into a slow pulse on the homepage.

Typography

  • Cormorant Garamond — display, italic
  • Inter — body, 300/400/500
  • Mono only for code blocks

Palette

Pitch black, deep violet, electric purple accent, soft starlight white.

Motion & Effects

  • Parallax starfield (slow drift)
  • Pulsing eclipse on hero
  • Gravitational distortion on hover
  • Smoke/mist particle accents
  • Text fades in like dawn

Graphics

Real cosmic photography (NASA Hubble for free use), eclipses, orbital rings, sacred geometry. No stock illustrations — ever.

Why it works

Leans into the name. Reads as expensive, mystical, considered. Repels bargain-hunters; attracts brands who want to feel important.

03 / Cyber Neon · Tokyo Night

"闇 / Yami"

For: DTC, fashion, music, creative tech
Vibe: high-energy, trendy, blade runner
━━━━━━━━━━
REC 04:21:33
BUILD #2046

WE CODE
LIGHT// 夜の中で

// websites that hit different at 2am //
Initiate Build →

Logo

Wordmark "dark-side.studio" with a glowing cyan halo, prefixed by the kanji 闇 (yami / darkness) in hot magenta. Mark variant: just 闇 with neon outline.

Typography

  • Space Grotesk — display, 700
  • JetBrains Mono — UI/labels
  • Inter — body
  • Real Japanese type as accent

Palette

Deep night navy, hot magenta, electric cyan, signal yellow.

Motion & Effects

  • Perspective grid floor (animated)
  • Chromatic aberration on hover
  • Scanlines + faux-CRT flicker
  • Holographic gradient text
  • RGB-split text reveals
  • Fake "REC" / build counters as decoration

Graphics

Tokyo street photography (rain-slick, neon), holographic mesh, kanji ornaments, animated SVG glyphs. High contrast, high saturation.

Why it works

Most "shareable" of the five — instantly screenshot-worthy. Wins on Twitter and design-reel reposts, which are real lead-gen channels.

04 / Liquid Chrome · Y2K Revival

"We bend pixels."

For: agencies, fashion, art-adjacent tech
Vibe: design-forward, weird, post-internet

Studios for the
post-internet era.

Liquid layouts. Refractive interfaces. Sites that feel less like documents and more like environments. Built in days, not seasons.

Logo

Just "ds." rendered in chrome — extruded silver with hyper-real reflection. Mark variant: an iridescent blob that morphs on hover.

Typography

  • Playfair Display Italic — display
  • Inter — body, 300/500
  • DM Mono — labels
  • Mix display & sans for tension

Palette

Black base, oil-slick iridescent gradient, chrome silver. The accent is a gradient, not a color.

Motion & Effects

  • WebGL liquid metal mouse-trail
  • Iridescent gradient text shift
  • Blob morph backgrounds
  • Aero glass / backdrop blur
  • Custom chrome cursor
  • Distortion on text hover

Graphics

3D chrome blobs (Spline / Blender), iridescent textures, melted typography as art. Subtle Y2K throwback (CD textures, Aero glass) without being kitsch.

Why it works

Signals "we know what's now in design." Attracts design-conscious clients who treat their website as part of brand identity.

05 / Brutal Minimalism · Void

"Websites, weekly."

For: serious brands, premium positioning
Vibe: confident, expensive, anti-marketing
WORKPROCESSBOOK
7.

Days from kickoff to launch. No discovery decks. No retainers. One site, one sprint, one invoice. We do this every week.

EST. 2026 · LONDON / REMOTE Book a slot →

Logo

Just "dark-side" in tight modern sans, with a single red dot. The dot IS the brand. Favicon: pure red square on black.

Typography

  • Inter — display, 900
  • Inter — body, 300
  • JetBrains Mono — meta only
  • Heavy contrast in weights

Palette

Pure black. Pure white. One signal red. Nothing else.

Motion & Effects

  • Cursor magnetism on links
  • Slow, deliberate text reveals
  • Big number scroll counters
  • Subtle click sound design
  • Almost no animation — when it moves, it matters

Graphics

Almost none. Numbers are the graphics. One striking client photo per case study. Negative space as the dominant element.

Why it works

The "anti-marketing" marketing. Costs zero to maintain, reads as expensive, and the lack of decoration becomes the differentiator in a sea of busy studio sites.

So which side do you take?

My honest pick: Option 1 (Brutalist Terminal) for the launch — it doubles as proof-of-skill, costs almost nothing to build, and the "vibe-coded" backstory becomes a feature, not a bug. Option 2 (Cosmic Void) if you want premium positioning from day one. Mix Option 5's discipline into whichever you choose and you're unbeatable.