Creative Portfolio

Live preview — fully interactive

The prompt

Build a four-section editorial fashion-studio portfolio for Atelier Mira.

## Design system
- Background #08080d, text #f2f2f7, secondary #8a8a99, accent #7c6cff, hairlines #23232e
- Font stack Inter, system-ui, sans-serif
- Type: kicker 12px / 0.22em / uppercase / #7c6cff; ATELI

Full prompt (2971 chars) unlocks after purchase

The code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Atelier Mira — Creative Portfolio</title>
<style>
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html, body { background: #08080d; color: #f2f2f7; font-family: 'Inter', system-ui, sans-serif; }
  body { overflow-x: hidden; }
  a { color: inherit

Complete self-contained HTML unlocks after purchase

About this section

An editorial studio portfolio: the hero decodes ATELIER MIRA with scramble type, a pinned six-project rail slides sideways on vertical scroll, then a short bio with three stats and a large-type contact close the page. Fashion-house pacing on the shared VibeFX tokens — built for studios that want a cinematic selected-work experience instead of a static grid.