VAST Studio Website Rebuild | Daniel Petrov Portfolio

VAST Studio
from complexity
to clarity

Link

vast.pt

"The site works,
but it’s difficult to maintain and scale."

The site can't scale

No design system – styles and components follow their own rules

Custom code scattered across pages with no comments

Components exist, but they're rigid – every change requires manual edits

The site needs to grow, but there's no clear place to start

Cleanup & structure

Every layer of the site
required attention

CSS classes renamed and restructured (Client First)

Variables connected across the entire project

Components rebuilt with proper slot architecture

Assets audited, compressed, and cleaned up

Custom code consolidated and documented

Before

After

~2,300 classes, no naming logic

100 classes, Client First structure

~30 rigid components

24 fully flexible — entire site built from them

~2,300 classes, no naming logic

Full system: colors, typography, spacing

Animations duplicated, scattered

Easy to apply to any new element

The result: a codebase that's actually workable. Fast to build on, safe to edit, easy to hand off.

Component system

The entire site is built from
24 components

Slot-based architecture — each component has defined content areas that accept different content types. Variants handle layout and state changes without duplicating components.

New pages get assembled in minutes, not hours. No code needed, nothing breaks.

Two languages, one codebase 🇬🇧🇵🇹

Content in Two Languages

Configured full EN/PT localization across all CMS collections. The client manages both versions directly in the editor — no developer needed for content updates.

Animations