|
t.me
|
Telegram<span aria-hidden="true">↗</span>
|
|
transmegalinkdon.ru
|
<div class="relative aspect-[16/10] overflow-hidden rounded-[clamp(26px,3vw,48px)] bg-white/45 shadow-[0_32px_100px_rgba(29,29,31,0.1)] ring-1 ring-black/[0.06] lg:col-span-8 "><div class="absolute inset-0 transition-[scale,filter] duration-700 ease-fluid group-hover:scale-[1.012] group-hover:saturate-[1.04] group-focus-visible:scale-[1.012]"><div class="absolute inset-0"><img alt="Первый экран сайта ТрансМегаЛинкДон с трёхмерной спутниковой антенной" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;object-position:center;color:transparent" sizes="(max-width: 1023px) 94vw, 66vw" srcset="/_next/image?url=%2Fwork%2Ftmld-desktop.jpg&w=640&q=92 640w, /_next/image?url=%2Fwork%2Ftmld-desktop.jpg&w=750&q=92 750w, /_next/image?url=%2Fwork%2Ftmld-desktop.jpg&w=828&q=92 828w, /_next/image?url=%2Fwork%2Ftmld-desktop.jpg&w=1080&q=92 1080w, /_next/image?url=%2Fwork%2Ftmld-desktop.jpg&w=1200&q=92 1200w, /_next/image?url=%2Fwork%2Ftmld-desktop.jpg&w=1920&q=92 1920w, /_next/image?url=%2Fwork%2Ftmld-desktop.jpg&w=2048&q=92 2048w, /_next/image?url=%2Fwork%2Ftmld-desktop.jpg&w=3840&q=92 3840w" src="/_next/image?url=%2Fwork%2Ftmld-desktop.jpg&w=3840&q=92"><video class="absolute inset-0 size-full transition-opacity duration-500 ease-fluid opacity-0" muted="" loop="" playsinline="" preload="none" disablepictureinpicture="" disableremoteplayback="" aria-hidden="true" tabindex="-1" style="object-fit:cover;object-position:center"></video></div></div><span class="absolute right-5 top-5 grid size-12 place-items-center rounded-2xl bg-black/72 text-white shadow-lg backdrop-blur-xl transition-transform duration-300 ease-fluid group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-focus-visible:ring-2 group-focus-visible:ring-earth"><svg aria-hidden="true" viewbox="0 0 20 20"><path d="M4.5 15.5 15.5 4.5M7 4.5h8.5V13"></path></svg></span></div><div class="self-center lg:col-span-4 "><div class="flex items-center justify-between gap-6 border-b border-black/15 pb-4 font-mono text-[0.68rem] text-muted"><span>01</span><span>В production</span></div><h3 class="mt-8 font-display text-[clamp(2.7rem,4.3vw,5rem)] font-medium leading-[0.9] tracking-[-0.072em] text-ink transition-colors group-hover:text-earth group-focus-visible:text-earth">ТрансМега<wbr>ЛинкДон</h3><p class="mt-7 text-[clamp(1rem,1.25vw,1.15rem)] leading-8 text-muted">Сайт инженерной компании с интерактивной 3D-сценой и последовательным объяснением сложной услуги.</p><dl class="mt-9 grid gap-3 text-[0.72rem] leading-relaxed"><div class="grid grid-cols-[92px_minmax(0,1fr)] gap-4 border-t border-black/10 pt-3"><dt class="text-muted">Работа</dt><dd class="m-0 text-ink">Структура, интерфейс, 3D, frontend, запуск</dd></div><div class="grid grid-cols-[92px_minmax(0,1fr)] gap-4 border-t border-black/10 pt-3"><dt class="text-muted">Стек</dt><dd class="m-0 text-ink">Next.js · TypeScript · React Three Fiber</dd></div></dl></div>
|
|
landing-dusky-alpha-60.vercel.app
|
<div class="relative aspect-[16/10] overflow-hidden rounded-[clamp(26px,3vw,48px)] bg-white/45 shadow-[0_32px_100px_rgba(29,29,31,0.1)] ring-1 ring-black/[0.06] lg:col-span-8 lg:order-2"><div class="absolute inset-0 transition-[scale,filter] duration-700 ease-fluid group-hover:scale-[1.012] group-hover:saturate-[1.04] group-focus-visible:scale-[1.012]"><div class="absolute inset-0"><img alt="Интерактивная 3D-сцена частного дома на сайте ATRIUM" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;object-position:center 44%;color:transparent" sizes="(max-width: 1023px) 94vw, 66vw" srcset="/_next/image?url=%2Fwork%2Fatrium-desktop.jpg&w=640&q=92 640w, /_next/image?url=%2Fwork%2Fatrium-desktop.jpg&w=750&q=92 750w, /_next/image?url=%2Fwork%2Fatrium-desktop.jpg&w=828&q=92 828w, /_next/image?url=%2Fwork%2Fatrium-desktop.jpg&w=1080&q=92 1080w, /_next/image?url=%2Fwork%2Fatrium-desktop.jpg&w=1200&q=92 1200w, /_next/image?url=%2Fwork%2Fatrium-desktop.jpg&w=1920&q=92 1920w, /_next/image?url=%2Fwork%2Fatrium-desktop.jpg&w=2048&q=92 2048w, /_next/image?url=%2Fwork%2Fatrium-desktop.jpg&w=3840&q=92 3840w" src="/_next/image?url=%2Fwork%2Fatrium-desktop.jpg&w=3840&q=92"><video class="absolute inset-0 size-full transition-opacity duration-500 ease-fluid opacity-0" muted="" loop="" playsinline="" preload="none" disablepictureinpicture="" disableremoteplayback="" aria-hidden="true" tabindex="-1" style="object-fit:cover;object-position:center 44%"></video></div></div><span class="absolute right-5 top-5 grid size-12 place-items-center rounded-2xl bg-black/72 text-white shadow-lg backdrop-blur-xl transition-transform duration-300 ease-fluid group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-focus-visible:ring-2 group-focus-visible:ring-earth"><svg aria-hidden="true" viewbox="0 0 20 20"><path d="M4.5 15.5 15.5 4.5M7 4.5h8.5V13"></path></svg></span></div><div class="self-center lg:col-span-4 lg:order-1"><div class="flex items-center justify-between gap-6 border-b border-black/15 pb-4 font-mono text-[0.68rem] text-muted"><span>02</span><span>В production</span></div><h3 class="mt-8 font-display text-[clamp(2.7rem,4.3vw,5rem)] font-medium leading-[0.9] tracking-[-0.072em] text-ink transition-colors group-hover:text-earth group-focus-visible:text-earth">ATRIUM</h3><p class="mt-7 text-[clamp(1rem,1.25vw,1.15rem)] leading-8 text-muted">Архитектурный интерфейс, в котором камера, свет и материалы синхронизированы со сценарием прокрутки.</p><dl class="mt-9 grid gap-3 text-[0.72rem] leading-relaxed"><div class="grid grid-cols-[92px_minmax(0,1fr)] gap-4 border-t border-black/10 pt-3"><dt class="text-muted">Работа</dt><dd class="m-0 text-ink">Сценарий, 3D, конфигуратор, адаптив</dd></div><div class="grid grid-cols-[92px_minmax(0,1fr)] gap-4 border-t border-black/10 pt-3"><dt class="text-muted">Стек</dt><dd class="m-0 text-ink">Next.js · Three.js · WebGL</dd></div></dl></div>
|
|
flagship-cms-eight.vercel.app
|
<div class="relative aspect-[16/10] overflow-hidden rounded-[clamp(26px,3vw,48px)] bg-white/45 shadow-[0_32px_100px_rgba(29,29,31,0.1)] ring-1 ring-black/[0.06] lg:col-span-8 "><div class="absolute inset-0 transition-[scale,filter] duration-700 ease-fluid group-hover:scale-[1.012] group-hover:saturate-[1.04] group-focus-visible:scale-[1.012]"><div class="absolute inset-0"><img alt="Редакционный первый экран выставочного пространства ПАЛАТА" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;object-position:center 38%;color:transparent" sizes="(max-width: 1023px) 94vw, 66vw" srcset="/_next/image?url=%2Fwork%2Fpalata-desktop.jpg&w=640&q=92 640w, /_next/image?url=%2Fwork%2Fpalata-desktop.jpg&w=750&q=92 750w, /_next/image?url=%2Fwork%2Fpalata-desktop.jpg&w=828&q=92 828w, /_next/image?url=%2Fwork%2Fpalata-desktop.jpg&w=1080&q=92 1080w, /_next/image?url=%2Fwork%2Fpalata-desktop.jpg&w=1200&q=92 1200w, /_next/image?url=%2Fwork%2Fpalata-desktop.jpg&w=1920&q=92 1920w, /_next/image?url=%2Fwork%2Fpalata-desktop.jpg&w=2048&q=92 2048w, /_next/image?url=%2Fwork%2Fpalata-desktop.jpg&w=3840&q=92 3840w" src="/_next/image?url=%2Fwork%2Fpalata-desktop.jpg&w=3840&q=92"><video class="absolute inset-0 size-full transition-opacity duration-500 ease-fluid opacity-0" muted="" loop="" playsinline="" preload="none" disablepictureinpicture="" disableremoteplayback="" aria-hidden="true" tabindex="-1" style="object-fit:cover;object-position:center 38%"></video></div></div><span class="absolute right-5 top-5 grid size-12 place-items-center rounded-2xl bg-black/72 text-white shadow-lg backdrop-blur-xl transition-transform duration-300 ease-fluid group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-focus-visible:ring-2 group-focus-visible:ring-earth"><svg aria-hidden="true" viewbox="0 0 20 20"><path d="M4.5 15.5 15.5 4.5M7 4.5h8.5V13"></path></svg></span></div><div class="self-center lg:col-span-4 "><div class="flex items-center justify-between gap-6 border-b border-black/15 pb-4 font-mono text-[0.68rem] text-muted"><span>03</span><span>В production</span></div><h3 class="mt-8 font-display text-[clamp(2.7rem,4.3vw,5rem)] font-medium leading-[0.9] tracking-[-0.072em] text-ink transition-colors group-hover:text-earth group-focus-visible:text-earth">ПАЛАТА</h3><p class="mt-7 text-[clamp(1rem,1.25vw,1.15rem)] leading-8 text-muted">Редакционный сайт выставочного пространства с видео, встроенным управлением материалами и историей версий.</p><dl class="mt-9 grid gap-3 text-[0.72rem] leading-relaxed"><div class="grid grid-cols-[92px_minmax(0,1fr)] gap-4 border-t border-black/10 pt-3"><dt class="text-muted">Работа</dt><dd class="m-0 text-ink">Арт-дирекшн, frontend, CMS</dd></div><div class="grid grid-cols-[92px_minmax(0,1fr)] gap-4 border-t border-black/10 pt-3"><dt class="text-muted">Стек</dt><dd class="m-0 text-ink">Next.js · Inline CMS · Media</dd></div></dl></div>
|
|
flagship-motion.vercel.app
|
<div class="relative aspect-[16/10] overflow-hidden rounded-[clamp(26px,3vw,48px)] bg-white/45 shadow-[0_32px_100px_rgba(29,29,31,0.1)] ring-1 ring-black/[0.06] lg:col-span-8 lg:order-2"><div class="absolute inset-0 transition-[scale,filter] duration-700 ease-fluid group-hover:scale-[1.012] group-hover:saturate-[1.04] group-focus-visible:scale-[1.012]"><div class="absolute inset-0"><img alt="Первый экран сайта фестиваля короткого кино ≤17" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;object-position:center 42%;color:transparent" sizes="(max-width: 1023px) 94vw, 66vw" srcset="/_next/image?url=%2Fwork%2Fseventeen-desktop.jpg&w=640&q=92 640w, /_next/image?url=%2Fwork%2Fseventeen-desktop.jpg&w=750&q=92 750w, /_next/image?url=%2Fwork%2Fseventeen-desktop.jpg&w=828&q=92 828w, /_next/image?url=%2Fwork%2Fseventeen-desktop.jpg&w=1080&q=92 1080w, /_next/image?url=%2Fwork%2Fseventeen-desktop.jpg&w=1200&q=92 1200w, /_next/image?url=%2Fwork%2Fseventeen-desktop.jpg&w=1920&q=92 1920w, /_next/image?url=%2Fwork%2Fseventeen-desktop.jpg&w=2048&q=92 2048w, /_next/image?url=%2Fwork%2Fseventeen-desktop.jpg&w=3840&q=92 3840w" src="/_next/image?url=%2Fwork%2Fseventeen-desktop.jpg&w=3840&q=92"><video class="absolute inset-0 size-full transition-opacity duration-500 ease-fluid opacity-0" muted="" loop="" playsinline="" preload="none" disablepictureinpicture="" disableremoteplayback="" aria-hidden="true" tabindex="-1" style="object-fit:cover;object-position:center 42%"></video></div></div><span class="absolute right-5 top-5 grid size-12 place-items-center rounded-2xl bg-black/72 text-white shadow-lg backdrop-blur-xl transition-transform duration-300 ease-fluid group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-focus-visible:ring-2 group-focus-visible:ring-earth"><svg aria-hidden="true" viewbox="0 0 20 20"><path d="M4.5 15.5 15.5 4.5M7 4.5h8.5V13"></path></svg></span></div><div class="self-center lg:col-span-4 lg:order-1"><div class="flex items-center justify-between gap-6 border-b border-black/15 pb-4 font-mono text-[0.68rem] text-muted"><span>04</span><span>В production</span></div><h3 class="mt-8 font-display text-[clamp(2.7rem,4.3vw,5rem)] font-medium leading-[0.9] tracking-[-0.072em] text-ink transition-colors group-hover:text-earth group-focus-visible:text-earth">≤17</h3><p class="mt-7 text-[clamp(1rem,1.25vw,1.15rem)] leading-8 text-muted">Сайт фестиваля короткого кино с видеосценами, кинетической типографикой и маршрутом по программе.</p><dl class="mt-9 grid gap-3 text-[0.72rem] leading-relaxed"><div class="grid grid-cols-[92px_minmax(0,1fr)] gap-4 border-t border-black/10 pt-3"><dt class="text-muted">Работа</dt><dd class="m-0 text-ink">Система движения, Canvas, frontend</dd></div><div class="grid grid-cols-[92px_minmax(0,1fr)] gap-4 border-t border-black/10 pt-3"><dt class="text-muted">Стек</dt><dd class="m-0 text-ink">Next.js · Canvas · Motion</dd></div></dl></div>
|
|
t.me
|
@VladislavKhorunzhiy <svg aria-hidden="true" viewbox="0 0 20 20"><path d="M4.5 15.5 15.5 4.5M7 4.5h8.5V13"></path></svg>
|
