FLUID STUDIO

The portfolio of a digital design studio: brand systems, motion imagery and motion experiments, with cases that open into full project stories.

Try Websites Agent

Loading preview...

Start with this prompt

The portfolio of a digital design studio: brand systems, motion imagery and motion experiments, with cases that open into full project stories.

Try Websites Agent

Build a portfolio page for a digital design studio called FLUID STUDIO, a fictional studio shaping interfaces, identities and moving images since 2019. The opening screen carries a single statement of what the studio focuses on: digital design, brand systems and motion imagery, and nothing else. Below it sits a case grid of selected work from the studio, covering brand identity, motion posters, motion experiments and interactive prototypes. Each case cover comes alive when the visitor hovers over it, and clicking a case expands into its full detail: the challenge the client brought in, the approach the studio took, moving-image showcases of the finished work, and the outcome numbers. A section for the studio's philosophy and the team behind the work follows the grid, and the page ends with a contact block that sends an email to the studio. Keep the typography design-conscious and the motion restrained throughout. Single-file static page.

Add a motion lab

Adds a playable motion-lab area beyond the case grid, turning the studio's motion experiments from exhibits into interactive pieces that visitors can pick up and play with.

Try Websites Agent

Build a portfolio page for a digital design studio called FLUID STUDIO, a fictional studio shaping interfaces, identities and moving images since 2019. The opening screen carries a single statement of what the studio focuses on: digital design, brand systems and motion imagery, and nothing else. Below it sits a case grid of selected work from the studio, covering brand identity, motion posters, motion experiments and interactive prototypes. Each case cover comes alive when the visitor hovers over it, and clicking a case expands into its full detail: the challenge the client brought in, the approach the studio took, moving-image showcases of the finished work, and the outcome numbers. A section for the studio's philosophy and the team behind the work follows the grid, and the page ends with a contact block that sends an email to the studio. Keep the typography design-conscious and the motion restrained throughout. Single-file static page.

Switch to dark theme

The whole site switches to a dark gallery style with the same restrained motion; covers still animate on hover, now shown against a dim exhibition hall.

Try Websites Agent

Build a portfolio page for a digital design studio called FLUID STUDIO, a fictional studio shaping interfaces, identities and moving images since 2019. The opening screen carries a single statement of what the studio focuses on: digital design, brand systems and motion imagery, and nothing else. Below it sits a case grid of selected work from the studio, covering brand identity, motion posters, motion experiments and interactive prototypes. Each case cover comes alive when the visitor hovers over it, and clicking a case expands into its full detail: the challenge the client brought in, the approach the studio took, moving-image showcases of the finished work, and the outcome numbers. A section for the studio's philosophy and the team behind the work follows the grid, and the page ends with a contact block that sends an email to the studio. Keep the typography design-conscious and the motion restrained throughout. Single-file static page.

Add services and pricing

Before the contact block, a service-package and price-range overview lets visitors estimate a collaboration budget range first, then decide whether to send the studio an email.

Try Websites Agent

Build a portfolio page for a digital design studio called FLUID STUDIO, a fictional studio shaping interfaces, identities and moving images since 2019. The opening screen carries a single statement of what the studio focuses on: digital design, brand systems and motion imagery, and nothing else. Below it sits a case grid of selected work from the studio, covering brand identity, motion posters, motion experiments and interactive prototypes. Each case cover comes alive when the visitor hovers over it, and clicking a case expands into its full detail: the challenge the client brought in, the approach the studio took, moving-image showcases of the finished work, and the outcome numbers. A section for the studio's philosophy and the team behind the work follows the grid, and the page ends with a contact block that sends an email to the studio. Keep the typography design-conscious and the motion restrained throughout. Single-file static page.