Vibeshots
← Sites

Masahito Leo Takeuchi

ma5a.com
Masahito Leo Takeuchi website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
Very pale field; tiny black left-central identity/role, two isolated black pixel rabbits, three tiny stacked upper-right links, extensive blank space.
Type
Tiny simple black sans identity/role and three stacked navigation labels; imagery is pixel-like black silhouettes.
Color and surface
Very pale untextured field with black type and isolated pixel rabbit shapes; no cards, borders or shadows.
Components
Small identity/role line, upper-right stacked links and two isolated pixel-art shapes.

What makes it work

  • Extensive pale whitespace with tiny understated identity text and isolated black pixel-art motifs.
On a new subjectFor an entomology notebook, place a tiny curator identity and two isolated black pixel insect motifs in a large pale field with small stacked edge links.

Measured

H213.6px / 400
Body text10px
Page background#f5f5f5
Text color#000000
Page height4,064px

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today
The live captures use a very light gray background with three small lowercase links—about, work, contact—near the upper right and the name/role “masahito leo takeuchi / web developer” near the middle. A small black pixel-like graphic appears elsewhere on the canvas and moves between saved frames. The desktop t0 and tablet show a dark cookie question at the bottom with “ok” and “no thanks” buttons; desktop t2 has no visible consent panel. At desktop scrollY 750, the frame reveals a dotted rule, an “about” label, “Hi, I’m Masa. I like making things, mostly using HTML, CSS and JavaScript.” and a “more about me” link. Phone keeps the same sparse composition with the consent area along the bottom.
Responsive
Desktop uses a 1440×1000 viewport and 1440×4064 document; its scroll state is at y=750. Tablet is 768×1024 with a 768×4160 document. Phone and reduced-motion phone are 390×844 with 390×3440 documents. The page remains sparse at the sampled widths, with the navigation at upper right and the name/role line near the central area. Desktop, tablet, and phone measurements report 6, 6, and 4 sampled animation entries respectively; the reduced-motion phone reports 6. These measurements do not identify what moves or establish responsive breakpoints.
Scroll
The desktop-scroll screenshot measures actual scrollY 750 in a 1440×4064 document. It shows an about section under a dotted horizontal rule, with a short first-person bio and a “more about me” link. This captured frame does not establish sticky behavior or the scroll mechanism.

More like this