Developer Portfolio Dark interface experiments

wckhrt developer

I build interfaces that feel staged, sharp, and alive.

  • FocusUI
  • MotionHigh
  • StackWeb
  • ModeDark
Descend
RITE I : INTERFACE 00:00:00
§ 01 About

Gothic structure, modern systems, and interfaces with teeth.

A movie set for a developer's portfolio. Watch as you scroll, with a focus on dark, cinematic interfaces and creative coding experiments.

The direction is dark, cinematic, and technical. Think cathedral geometry, terminal precision, and motion that guides the eye without turning the page into noise.

Frontend Creative code Three.js Interaction design Motion systems Performance
/// DEV : 001
wock
studio
RoleDeveloper
ModeGothic
SurfaceWeb
SignalLive
Flip.

wock
Web design specialist with a focus on dark, cinematic interfaces and creative coding experiments.

§ 02 Work

Project slots, ready for proof.

. . .

  1. Project 01 Cinematic Portfolio System Static site : HTML, CSS, JavaScript, Three.js
    • Fullscreen gothic art direction with fixed film chrome and staged scroll scenes.
    • GPU-friendly motion using transforms, opacity, and a contained WebGL hero layer.
    • Responsive layout tested across desktop and mobile viewports.
    Visual systemMotionResponsive
  2. Project 02 Interactive Component Lab Placeholder for experiments
    • Use this slot for custom cursors, cards, sliders, landing page sections, or UI studies.
    • Add screenshots, a GitHub repo link, and a live demo when ready.
    ComponentsMicrointeractionsCreative UI
  3. Project 03 Web Design Range Placeholder for strongest work
    • Show contrast: clean SaaS, editorial portfolio, dark creative, game UI, or dashboard work.
    • Keep only the strongest examples. This page is built to make the work feel curated.
    Case studyCraftRange
§ 03 Skills

A sharp stack for strange pages.

. . .

01

Frontend

  • HTML
  • CSS architecture
  • JavaScript
  • Responsive systems
02

Motion

  • Scroll choreography
  • Intersection reveals
  • Microinteractions
  • Reduced-motion support
03

Creative Code

  • Three.js
  • Canvas concepts
  • Generative layouts
  • Atmospheric effects
04

Design

  • Visual hierarchy
  • Typography
  • Dark UI
  • Interaction polish
05

Build

  • Static hosting
  • Performance checks
  • Browser testing
  • Clean handoff
06

Systems

  • Reusable sections
  • Design tokens
  • Accessibility basics
  • Readable code
§ 04 Lab

Drag the altar. Watch the stack rotate.

Speak your intent, and the ring will respond.

HTML. . .Semantic : durable
JAVA. . .Layout : texture
PYTHON. . .Motion : state
C++. . .WebGL : scene
UX. . .Flow : restraint
§ 05 Contact

Find wock online.

idourmomnightly@gmail.com
Discordwckhrt
Server/funeral
Roblox@taintedvirtue
Status

On