|
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="ТрансМегаЛинкДон website hero with a three-dimensional satellite dish" 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-en.jpg&w=640&q=92 640w, /_next/image?url=%2Fwork%2Ftmld-desktop-en.jpg&w=750&q=92 750w, /_next/image?url=%2Fwork%2Ftmld-desktop-en.jpg&w=828&q=92 828w, /_next/image?url=%2Fwork%2Ftmld-desktop-en.jpg&w=1080&q=92 1080w, /_next/image?url=%2Fwork%2Ftmld-desktop-en.jpg&w=1200&q=92 1200w, /_next/image?url=%2Fwork%2Ftmld-desktop-en.jpg&w=1920&q=92 1920w, /_next/image?url=%2Fwork%2Ftmld-desktop-en.jpg&w=2048&q=92 2048w, /_next/image?url=%2Fwork%2Ftmld-desktop-en.jpg&w=3840&q=92 3840w" src="/_next/image?url=%2Fwork%2Ftmld-desktop-en.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>In 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">Website for an engineering company with an interactive 3D scene and a step-by-step explanation of a complex service.</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">Contribution</dt><dd class="m-0 text-ink">Structure, interface, 3D, frontend, launch</dd></div><div class="grid grid-cols-[92px_minmax(0,1fr)] gap-4 border-t border-black/10 pt-3"><dt class="text-muted">Stack</dt><dd class="m-0 text-ink">Next.js · TypeScript · React Three Fiber</dd></div></dl></div>
|
Анализировать url
|
|
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="Interactive 3D scene of a private house on the ATRIUM website" 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-en.jpg&w=640&q=92 640w, /_next/image?url=%2Fwork%2Fatrium-desktop-en.jpg&w=750&q=92 750w, /_next/image?url=%2Fwork%2Fatrium-desktop-en.jpg&w=828&q=92 828w, /_next/image?url=%2Fwork%2Fatrium-desktop-en.jpg&w=1080&q=92 1080w, /_next/image?url=%2Fwork%2Fatrium-desktop-en.jpg&w=1200&q=92 1200w, /_next/image?url=%2Fwork%2Fatrium-desktop-en.jpg&w=1920&q=92 1920w, /_next/image?url=%2Fwork%2Fatrium-desktop-en.jpg&w=2048&q=92 2048w, /_next/image?url=%2Fwork%2Fatrium-desktop-en.jpg&w=3840&q=92 3840w" src="/_next/image?url=%2Fwork%2Fatrium-desktop-en.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>In 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">An architectural interface where the camera, lighting and materials are synchronized with the scroll narrative.</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">Contribution</dt><dd class="m-0 text-ink">Narrative, 3D, configurator, responsive implementation</dd></div><div class="grid grid-cols-[92px_minmax(0,1fr)] gap-4 border-t border-black/10 pt-3"><dt class="text-muted">Stack</dt><dd class="m-0 text-ink">Next.js · Three.js · WebGL</dd></div></dl></div>
|
Анализировать url
|
|
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="Editorial hero for the ПАЛАТА exhibition space" 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-en.jpg&w=640&q=92 640w, /_next/image?url=%2Fwork%2Fpalata-desktop-en.jpg&w=750&q=92 750w, /_next/image?url=%2Fwork%2Fpalata-desktop-en.jpg&w=828&q=92 828w, /_next/image?url=%2Fwork%2Fpalata-desktop-en.jpg&w=1080&q=92 1080w, /_next/image?url=%2Fwork%2Fpalata-desktop-en.jpg&w=1200&q=92 1200w, /_next/image?url=%2Fwork%2Fpalata-desktop-en.jpg&w=1920&q=92 1920w, /_next/image?url=%2Fwork%2Fpalata-desktop-en.jpg&w=2048&q=92 2048w, /_next/image?url=%2Fwork%2Fpalata-desktop-en.jpg&w=3840&q=92 3840w" src="/_next/image?url=%2Fwork%2Fpalata-desktop-en.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>In 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">An editorial website for an exhibition space with video, embedded content controls and version history.</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">Contribution</dt><dd class="m-0 text-ink">Art direction, 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">Stack</dt><dd class="m-0 text-ink">Next.js · Inline CMS · Media</dd></div></dl></div>
|
Анализировать url
|
|
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 short-film festival website hero" 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-en.jpg&w=640&q=92 640w, /_next/image?url=%2Fwork%2Fseventeen-desktop-en.jpg&w=750&q=92 750w, /_next/image?url=%2Fwork%2Fseventeen-desktop-en.jpg&w=828&q=92 828w, /_next/image?url=%2Fwork%2Fseventeen-desktop-en.jpg&w=1080&q=92 1080w, /_next/image?url=%2Fwork%2Fseventeen-desktop-en.jpg&w=1200&q=92 1200w, /_next/image?url=%2Fwork%2Fseventeen-desktop-en.jpg&w=1920&q=92 1920w, /_next/image?url=%2Fwork%2Fseventeen-desktop-en.jpg&w=2048&q=92 2048w, /_next/image?url=%2Fwork%2Fseventeen-desktop-en.jpg&w=3840&q=92 3840w" src="/_next/image?url=%2Fwork%2Fseventeen-desktop-en.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>In 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">A short-film festival website with video scenes, kinetic typography and a guided path through the programme.</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">Contribution</dt><dd class="m-0 text-ink">Motion system, 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">Stack</dt><dd class="m-0 text-ink">Next.js · Canvas · Motion</dd></div></dl></div>
|
Анализировать url
|
|
t.me
|
Start a discussion
|
|
|
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>
|
|
