Vibeshots
← Sites

Hiroto Sato

hirotos.com
Hiroto Sato website, gallery screenshot

Gallery screenshot, saved 2026-10-24

How it’s built

Layout
White page within soft blurred gray surround. Role/name top left and vertical nav upper right. Large 3D sign assembly dominates center-left: yellow Creative Developer plate above circular mirror sign and blue projects sign; vertical yellow traffic light beside it. Small location/focus/index facts align along bottom. Outer blur may be presentation framing.
Type
Black sans identity/navigation and compact metadata; condensed lettering on sign faces. Exact fonts unknown.
Color and surface
White page, yellow/blue signs, red/black signal lamps, blurred gray/yellow/cyan surround uncertain.
Components
Top identity/nav, signpost sculpture, traffic light, lower factual columns.

What makes it work

  • Open white page
  • Dimensional sign sculpture
  • Small top identity/nav
  • Compact factual footer
On a new subjectFor a museum curator, build an original layered wayfinding sculpture to represent the work, keeping identity and credentials small at the margins.

Live behavior

Today
The saved live-site frames show a white, viewport-filling portfolio composition organized around a tall 3D traffic-sign and signal assembly. A circular display contains a project image; a slanted blue sign reads “PROJECTS ARCHIVE”; an upper yellow sign carries changing text; three circular signal faces sit to the right of the post. Small identity and navigation text stay near the top corners, while three compact metadata groups align along the lower edge. The live capture has no browser frame.
Responsive
At 1440x1000, the composition is viewport-filling, with the main post near center and its signs and signal heads extending across the middle. At 768x1024, the post and signs occupy more of the frame; the identity title is measured at 24px, with the three metadata groups along the lower edge. At 390x844, the same object is tightly cropped by the phone viewport, the identity/navigation remain at the top, and the metadata groups stack near the bottom. These are three sampled viewport widths, not a complete breakpoint map.
Scroll
The state labeled desktop-scroll has actual scrollY 0 and a 1440x1000 document at a 1440x1000 viewport. It does not show a scrolled page or establish scroll-driven behavior.

More like this