RIVET & ROPE

How it was made

The original is an agency site that gives half of the first screen to a logo as wide as the screen.

A thin script passes over the bold, wide display typeface, so the logo and work photos read as one mass.

The 4 menu dropdowns each have a different layout. Work is 3 rows of thumbnails, and services is a text list.

Studio and Creative are images and paragraphs. We settled on a structure that shares only the shell and builds the content separately.

The background is dark brown and the text is cream. Orange and blue are used only to mark the two divisions.

To fit script words between sentences, we measured the original's line-height values and carried them over.

Key features

• 4 dropdowns with different content
• Work filter
• Drag carousel · video player
• FAQ · modal · inquiry form

Where and how to use it

Suits companies where showing the work is the selling. Work list and filter, detail, services and inquiry follow in sequence.

Points to check

With few work photos and videos, the screen looks empty.