FIFTY: a concept site for a design studio built around the first fifty milliseconds

FIFTY is a fictional digital design studio with offices in Lisbon and Berlin. VITON¹³ built the concept around one idea: people judge a website in about fifty milliseconds, so a studio’s site has to make its point before the visitor has read a word.

It also had to stay small. A studio’s site works as a business card: who they are, what they have made, where they are and how to start a project. The task was to fit that into a handful of pages with motion, video and a live background, without making the pages heavy.

7 pages: Home, Work, a project page, Studio, Contact with a brief builder, Legal and a 404 page. The home page opens with a loader counting from 00 to 50 ms, then shows a statement headline over a live WebGL background and an info grid with live clocks for both studios, services, contact details and availability. A showreel opens in a full-screen player.

The work index shows 8 projects as a list, where a video preview follows the cursor, or as a grid, with category filters. Each project page has a full-screen video, an overview that lights up as you scroll, the challenge and approach, results and a link to the next project. The studio panel slides in from the right, and the contact page builds a brief from services, budget, timeline and details, then shows a confirmation.

The key path runs Work → Project → Contact: a visitor scans the index, opens a case and goes straight to the brief builder. Every internal link wipes the page with a black panel that counts to 50 ms; headlines appear character by character, paragraphs light up on scroll, media is revealed with clip-path, video moves with parallax, and a blend-mode cursor with labels and magnetic navigation follow the pointer.

The background is a WebGL shader written for the site: domain-warped fractal noise in ember tones that leans toward the cursor, with a CSS fallback. The rest is plain HTML, CSS and JavaScript with no build step: the header, footer and overlays come from one shared script, GSAP with ScrollTrigger and Lenis handle motion and scrolling, demo state stays in the browser’s localStorage, and nothing is sent anywhere. Photos and video are licensed stock photography and video from Unsplash and Pexels.

The concept exists as 7 pages with 8 projects and clocks for two studios. Lighthouse measured the home page on 22 September 2026. On mobile, with default throttling: performance 89, accessibility 94, best practices 77 and SEO 100, with LCP 2.7 s and CLS 0. On desktop: performance 100, accessibility 94, best practices 77 and SEO 100, with LCP 0.5 s. The page weighs 2.1 MB in 13 requests; these are the highest performance scores among the concept sites VITON¹³ measured that day.

Checks across the 6 pages rendered in Chrome (the 404 page excluded) found a unique title and exactly one H1 on every page, the lang attribute set to en, layouts that fit a 390 px screen without horizontal scrolling, alt text on 100% of images and 0 broken internal links. Canonical tags, Open Graph tags and structured data are on 0 of 6 pages, and there is no sitemap.xml or robots.txt.

FIFTY is a concept built by VITON¹³ to show range, not a commissioned project. The studio, its people, projects and addresses are fictional. The site has no domain, no visitors, no search traffic and no enquiries: the brief builder sends nothing. Photos and video are licensed stock photography and video from Unsplash and Pexels, not the studio’s own work.

The Lighthouse scores are lab measurements of the home page on one day, not data from real visitors; the project pages with full-screen video were not scored. A 100 SEO score covers the basics only. Fifty milliseconds is the site’s theme: the case does not measure how quickly real visitors form an opinion, and it does not prove that the site would win a studio any work.