Developer Portfolio Dark interface experiments

wock developer

I build interfaces that feel staged, sharp, and alive. This portfolio is a blank gothic canvas for showing how far web design can be pushed with code.

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

Gothic structure, modern systems, and interfaces with teeth.

This site is intentionally blank on personal details. It is built to become a stage: projects, experiments, case studies, and proof that the browser can still feel rare.

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
Built to be edited.

Placeholder profile card.
Replace with your own short manifesto, proof, or project note.

§ 02 Work

Project slots, ready for proof.

Replace these with real case studies when you have screenshots, repos, demos, or writeups.

  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.

These are editable skill blocks. Swap the labels for the tools you actually want to claim.

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.

A 3D ring for tools, ideas, and experiments. Replace each face with the work you want people to remember.

HTMLStructureSemantic : durable
CSSAtmosphereLayout : texture
JSBehaviorMotion : state
3DDepthWebGL : scene
UXTasteFlow : restraint
§ 05 Contact

Find wock online.

hello@example.com
GitHubgithub.com/wock
X / Twitterx.com/wock
LinkedInlinkedin.com/in/wock
Status

Replace these links with your real profiles before publishing.