Back

Kracked Devs Landing

Bounty win - cyberpunk landing for a dev collective

Bounty Won - RM 100Landing PageCyberpunk

Source

github.com/Xavier-IV/kracked-dev

Single static index.html. Open the file - every animation and effect lives in one place.

View on GitHub

The Brief

Kracked Devs is a developer collective based in Malaysia. In early 2026 they opened their first community bounty: build the v1.0 landing page for the collective. Clean code, responsive design, RM 100 to whoever shipped the winning submission. I entered, built it in a single weekend, and won.

The pitch was simple: signal that this isn't a corporate dev meetup. It's a collective with attitude - late-night commits, raw skill, building things that matter. The visual language had to do most of that work before any copy did.

Design Approach

  • Cyberpunk hero. The word KRACKED is set massive (10rem on desktop) with a hand-tuned text-shadow that mimics neon tube glow. Two of the seven letters - the A and the D - run on different keyframe animations (flicker-hard, flicker-soft) so the sign looks like a faulty bulb in a back alley.
  • CRT scanline overlay. A fixed full-screen layer with a 2px gradient stripe gives every section the slight static of an old monitor without blocking interaction. RGB chromatic aberration is layered in at 3% opacity so it reads as texture, not noise.
  • Animated aura. Two blurred gradient orbs (krack-neon-red, deep purple) drift across the background on a 15s blob keyframe, giving the page life without adding weight to the DOM.
  • Bounty card grid. The collective only had one active bounty at launch, so the empty slots are styled as dashed Slot_Empty placeholders - making the scarcity part of the brand instead of hiding it.

Tech Stack

HTML5Tailwind CSSLucide IconsIconifyPlus Jakarta SansJetBrains MonoCustom CSS KeyframesIntersectionObserver

Single static index.html. No framework, no build step. Every animation is a hand-written keyframe so the page stays under one network request after fonts and the Tailwind runtime load.

Outcome

Submission accepted, bounty paid. The collective shipped the design as their v1.0 and has since moved on to a dedicated domain (krackeddevs.com) as they scale up. The original build remains on my subdomain as the archived bounty submission.

The page picks up around 200+ search impressions a month from brand searches like "kracked dev" - which is what eventually pulled it into this portfolio: search traffic was landing on a static submission instead of work I could talk about.

Need a landing page that doesn't look like everyone else's?

I take on bounty-style and freelance landing builds.

See how I work