Mosby’s Files: How Tubik Studio Turned an Archival Workspace into Web Design For the Mosby’s Files project, Tubik Studio teamed up with Art Director Ernest Asanov to transform color-coded file folders and loose document stacks into a remarkably unique digital archive celebrating American Modernism in architecture. The project highlights the perspective that early 20th-century American modern architecture forged its own distinct path rather than relying on European standards. To capture that bold spirit, the homepage skips the standard blog feed layout entirely. Set against a dark charcoal background, large typography reading “AMERICAN MODERNISM” sits right above four color-coded file drawers: cobalt blue for Organic and Early Modernism, jade green for Expressive, deep purple for Monumental Modernism, and crimson red for Contextual and Transitional Architecture. Rounded protruding index tabs feature eight iconic architects, including Frank Lloyd Wright, Mary Colter, and Louis Kahn.
What really stands out is the tactile interactive experience with the index tabs. Clicking a tab opens the folder right on screen without losing the overall archival context. In the four-document comparison view, horizontal tabs automatically rotate 90 degrees to the right margin, allowing seamless switching from I. M. Pei’s yellow file to Paul Rudolph’s black tab without heading back to the main menu. Inside each folder, a seven-hole punched paper layout combines tall serif drop caps with birth and death years set in a clean monospace font. Colorful memo cards, metallic paperclips, and stacked black-and-white architectural photos transform the digital interface into a realistic hands-on research desk.
Every folder is packed with completely custom artifacts. On I. M. Pei’s page, there are steel studio paper scissors, a periwinkle Bank of China Tower card, a paperclipped axonometric drawing, and a red video button leading to a 1994 lecture at MIT. Irving Gill’s red file features a reel-to-reel audio tape attached to a note about the Dodge House, while Louis Kahn’s purple workspace pairs a wooden ruler with playable soundwave cards featuring a talk on the Salk Institute. Even the footer stays true to the concept with seven compass icons alongside a 0–32 drafting scale ruler straight off an architectural drawing.
Check out the full project on www.behance.net/gallery/257301831/Mosbys-Files.
Mosby’s Files: tubik studio Đưa Bàn Làm Việc Lưu Trữ Vào Thiết Kế Web
Trong dự án Mosby’s Files, tubik studio cùng Art Director Ernest Asanov đã biến các bìa hồ sơ phân màu và tập tài liệu rời thành một không gian web lưu trữ độc đáo về chủ nghĩa hiện đại trong kiến trúc Mỹ. Dự án thể hiện góc nhìn rằng kiến trúc hiện đại Mỹ đầu thế kỷ 20 tự phát triển theo lối đi riêng chứ không phụ thuộc vào chuẩn mực Châu Âu. Để truyền tải tinh thần đó, trang chủ không dùng dạng blog feed tiêu chuẩn. Trên nền màu than tối, dòng chữ lớn AMERICAN MODERNISM đặt ngay trên 4 ngăn kéo hồ sơ được mã hóa màu theo từng phong cách: xanh cobalt cho Organic và Early Modernism, xanh ngọc bích cho Expressive, tím đậm cho Monumental Modernism và đỏ chu đao cho Contextual và Transitional Architecture. Các nhãn tab bo tròn nhô ra mang tên 8 kiến trúc sư tiêu biểu như Frank Lloyd Wright, Mary Colter hay Louis Kahn.
Điểm ấn tượng nằm ở trải nghiệm tương tác với các index tab đầy tính xúc giác. Khi bấm vào một tab, thư mục sẽ mở ra trực tiếp ngay trên màn hình mà không làm mất đi bối cảnh lưu trữ chung. Ở giao diện so sánh 4 tài liệu, các tab ngang tự động xoay 90 độ sang lề phải, giúp việc chuyển đổi từ hồ sơ màu vàng của I. M. Pei sang tab màu đen của Paul Rudolph diễn ra liền mạch mà không cần quay lại menu chính. Bên trong mỗi folder là trang giấy đục 7 lỗ kết hợp cùng chữ drop-cap serif dáng cao và thông tin năm sinh, năm mất dạng monospace. Những chiếc thẻ ghi chú nhiều màu, kẹp giấy kim loại cùng ảnh công trình đen trắng xếp chồng lên nhau, biến giao diện số thành một bàn làm việc nghiên cứu thực tế.
Mỗi thư mục đều sở hữu những vật dụng hoàn toàn riêng biệt. Ở trang của I. M. Pei có kéo cắt giấy studio bằng thép, tấm thẻ Bank of China Tower màu xanh periwinkle, bản vẽ axonometric kẹp giấy và nút video đỏ dẫn đến bài diễn thuyết năm 1994 tại MIT. Hồ sơ màu đỏ của Irving Gill đính kèm cuộn băng cối ghi âm trên ghi chú về Dodge House, trong khi góc làm việc màu tím của Louis Kahn kết hợp thước gỗ với các thẻ sóng âm thanh phát được bài nói về Viện Salk. Ngay cả phần footer cũng giữ trọn phong cách với 7 biểu tượng kim chỉ nam cùng thanh thước tỷ lệ drafting 0–32 gắn liền với bản vẽ kiến trúc.
Xem trọn vẹn dự án của www.behance.net/gallery/257301831/Mosbys-Files trên Behance.
