Sasha Martynchuk Portfolio

Six prompts, in build order. Each one describes the visual language, not the original site.

• Main build prompt+−

  Copy

  Build an original dark product-designer portfolio experience whose signature is a full-viewport, wide WebGL stage that changes through distinct visual metaphors behind sparse centered editorial typography. Use the following dimensions and timings as reconstruction targets inferred from the reference, not exact measurements of the original implementation. Frame the desktop stage at 1904×968 (about 1.97:1); preserve that ratio for all generated scene textures and canvas exports, for example 2560×1302 or 3840×1952.
  
  Make the root a near-black (#010101) fixed-height stage with overflow hidden on desktop. Render a full-bleed WebGL canvas at z-index 0 and overlay content at z-index 10; top chrome must remain at z-index 30. Place an original white handwritten-style wordmark at roughly 24–32px from the upper-left corner, a tiny contact email at the matching upper-right position, and a compact centered navigation pill approximately 26–34px below the top edge. The pill is a #242424 translucent capsule about 150–175px wide and 28–34px tall. Include four short links such as Intro, Process, Work, About; render the current link as a small #fcfcfc capsule with dark text. Use semantic nav buttons and ensure every state has a meaningful accessible heading outside of the canvas.
  
  The intro scene is an apparent moving camera through a loosely spaced, full-bleed grid of about 12–20 original portfolio-preview tiles. Each tile is an independently created product-interface or editorial mockup—not copied client work—inside a large rounded rectangle. Let the black gutters stay visually strong. From the center-lower region, overlay a tiny white descriptor line, a huge all-caps condensed display title around 76–110px at this desktop width, then a pale cursive location or role flourish crossing the title’s lower edge. Use Arges for display type, Neue Montreal for navigation and body copy, and Signature only for the handwritten secondary flourish. Keep the display title high contrast and tightly tracked; the scene remains legible even as tiles pass behind it.
  
  Create a Process/Approach route or staged sequence with four centered text states. Each state has a huge condensed all-caps single-word heading, around 56–76px, in #fcfcfc, and a small centered three-to-four-line explanatory paragraph roughly 12–14px wide-set beneath it. Do not reuse original wording; write concise original process statements. The text layer is stable and restrained while its environmental canvas scene becomes the point of view.
  
  First process scene: a dark, dusty field of floating gray-white circles, about 20–45 visible at a time, from pinpoints to roughly 18–55px. Include blurred oversized bokeh blobs, sparse tiny specks, and barely perceptible smoky depth. Second: transition away almost all particles, retaining a few cropped circles and thin drifting filament trails against empty black before revealing a black-blue scene bordered and punctuated by wobbly electric magenta-and-cyan liquid contours. The liquid has soft bloom and a large irregular loop near the middle, not a polished generic gradient.
  
  Third: construct an enormous softly rounded trapezoidal or monolithic slab floating from the upper center, cropped by the top edge. It glows with an internal red-to-magenta-to-blue-to-cyan light field, surrounded by low blue/red atmospheric haze. Keep the environment dark enough that the centered title remains crisp. Fourth: make a black scene where around 35–70 vibrant hand-drawn sticker illustrations drift around the centered text, then descend and accumulate as a dense irregular pile along the bottom fifth of the viewport. Stickers should be original vector-like charms—smiley faces, hearts, suns, comic bursts, playful letterforms—and carry distinct high-saturation pink, yellow, red, cyan, lime, purple, and orange fills with dark outlined edges. Retain a few slow floaters across the upper field as the heap settles.
  
  For reconstruction, use Three.js for the canvas scenes. Use a single renderer and swap scene controllers rather than mounting multiple canvases. Add bloom, soft depth haze, and carefully limited noise only where a scene needs it. A practical way to make the portfolio-tile intro is camera motion across planes in 3D space; use original mockup raster textures with mipmaps, dimming or blurring distant tiles. Use DOM/SVG for all readable text and navigation, never canvas text, so zoom, selection, keyboard navigation, and screen readers work. Keep all canvas scenes decorative with aria-hidden=true and mirror scene intent in route headings and descriptions.
  
  Transitions should feel like continuous environmental transformations, not hard route cuts: fade the old scene while its objects drift or dissolve, then bring in the next scene during roughly 800–1400ms. Let pointer movement gently perturb camera/parallax or scene forces, but do not turn the page into a game. Provide visible hover and focus states for navigation. Respect prefers-reduced-motion with static but composed fallback art: a still tile mosaic, a particle poster, a neon contour poster, a luminous slab, and a sticker pile poster. Keep initial canvas assets lazy-loaded after chrome and text; pause rendering in background tabs and reduce DPR on constrained devices.
  
  Do not add a conventional feature grid, rounded white content cards, stock portrait hero, testimonial carousel, long drop shadows, large gradient CTA buttons, or generic glassmorphism. The disciplined black field, compressed typography, persistent top chrome, and scene-specific visual worlds are essential.

• Build frontend
• Generate assets
• Add animations
• Responsive polish
• Final visual polish

These prompts describe a visual language: composition, rhythm, type scale and motion. Build with your own branding, copy, logos and imagery — the design and content of Sasha Martynchuk Portfolio belong to their authors.

Agent

Claude Code

Model

Claude Fable 5.1The identity depends on several visually distinct real-time canvas scenes, including procedural particles, bloom-lit abstract forms, and a collision-like sticker field that need sustained fidelity tuning.

The visual system and observed motion reproduce reliably with current WebGL, physics, and asset-generation tools; the main remaining challenge is art-directing a cohesive original sticker pack and tuning the scene transitions.