GØDN.studio & an Immersive Interactive Web Experience GØDN.studio is an incredibly exciting web portfolio project by Lisbon-based designer Bruno Godinho. Instead of showcasing work in a traditional static grid, this website turns the entire interface into a live, interactive playground.
Right upon entering, the bold title text on the homepage shatters into a cloud of tiny dust particles following every cursor movement, instantly snapping back to its original shape when the cursor moves away. A sleek dark theme paired with modern display typography and sharp italic serifs gives the site an exceptionally polished aesthetic.
The star attraction of the website lies in “The Lab,” featuring four custom-coded tools:
- Espelho: A dynamic typography mirror that reconstructs facial contours using the studio’s custom typefaces.
- Inkline: Uses noise field algorithms to capture freehand sketches and turn them into silky-smooth curves.
- Flowfield: Controls scattering particle waves across the dark canvas using real-time math.
- Tokenforge: Converts raw lettering into clean type tokens while automatically checking web-standard contrast.
The magic doesn’t end there—the site also incorporates an 8D spatial sound mix that plays seamlessly across every page. Putting on headphones allows the audio trail to shift fluidly alongside the cursor. Every drag of the mouse not only ripples across the screen surface, but also modulates the depth of the soundscape.
Experience the interactive code tools and spatial audio environment live at studio.godn.pt/.
GØDN.studio và trải nghiệm web tương tác kết hợp âm thanh sống động
GØDN.studio là một dự án portfolio web vô cùng thú vị đến từ designer Bruno Godinho ở Lisbon. Thay vì trưng bày sản phẩm theo dạng lưới tĩnh thông thường, trang web này biến toàn bộ giao diện thành một không gian trải nghiệm tương tác trực tiếp.
Ngay khi vừa truy cập, dòng chữ tiêu đề lớn trên trang chủ sẽ vỡ vụn thành vô số hạt bụi nhỏ theo từng chuyển động của con trỏ chuột, rồi lập tức quay trở lại hình dáng ban đầu khi di chuột ra xa. Tông màu tối chủ đạo kết hợp giữa font chữ tiêu đề hiện đại cùng các nét chữ serif nghiêng sắc sảo mang lại vẻ ngoài vô cùng chỉn chu.
Điểm nhấn chính của website nằm ở khu vực “The Lab” với 4 công cụ mã nguồn tùy chỉnh:
- Espelho: Gương phản chiếu chữ sống động, tự tạo lại các đường nét khuôn mặt từ chính bộ chữ của studio.
- Inkline: Sử dụng thuật toán nhiễu (noise field) để ghi nhận từng nét vẽ tay và biến chúng thành những đường cong mượt mà.
- Flowfield: Cho phép điều khiển các sóng hạt phân tán trên nền màn hình tối bằng toán học thời gian thực.
- Tokenforge: Biến các dạng chữ thô thành các type token sạch sẽ và tự động kiểm tra độ tương phản chuẩn web.
Chưa dừng lại ở đó, website còn tích hợp phần âm thanh không gian 8 chiều (8-dimension sound mix) phát xuyên suốt qua từng trang. Khi đeo tai nghe, vệt âm thanh sẽ di chuyển linh hoạt theo con trỏ chuột. Mỗi cú kéo chuột không chỉ tạo ra các gợn sóng lăn tăn trên bề mặt màn hình mà còn làm thay đổi độ sâu của âm thanh.
Trải nghiệm các công cụ code và không gian âm thanh trực tiếp tại studio.godn.pt/.
