Vibeshots
← Sites

Two26 Studio

two26.studio
Two26 Studio website, gallery screenshot

Screenshot from Awwwards, saved 2026-10-24

How it’s built

Layout
The image depicts a desktop monitor and part of a second device in a bright office-like setup. In the main screen a pale pink page has compact work/about links, small studio identity and hours/contact at top; huge orange uppercase mission copy occupies the upper center with small black capsule labels over it. Hand-drawn people carrying signs and two cats fill the middle; orange looping outlines enter from page edges and a curved orange band with white copy crosses the bottom. A second screen partly repeats the page at right. Devices/environment are presentation framing.
Type
Oversized bold condensed orange uppercase slogan, compact black nav/labels, hand-drawn illustration and white copy on orange. Exact font face/metrics unknown.
Color and surface
Pale pink in-screen ground, vivid orange lettering and graphic bands, black pill labels, warm cartoon figures/cats; outside screens are light gray room and orange surrounding scene.
Components
In-screen navigation, oversized slogan, capsule labels, illustrated people/cats, looping corner strokes and lower orange copy band; monitor/device framing external.

What makes it work

  • Pale in-screen page
  • Oversized mission statement
  • Human/character illustration
  • Small navigation and supporting text
On a new subjectBuild an unrelated studio page around a prominent statement and original illustrative characters, tying the edges together with a simple repeated curve. Replace identity/content and omit device mockup framing.

Live behavior

Today
The current Two26 landing view centers an oversized orange two-line “LOOKING / SUSPICIOUSLY GOOD” headline over a blush field. Black capsule labels overlap the lettering; below them, illustrated figures carry Two26 signs between large orange loops and two cats. The compact desktop header puts Work/About us at left, the Two26 wordmark at center, hours and a black Let’s Talk pill at right. The selected gallery reference has the same palette and illustration system but different headline copy (“Brands people remember”) and different black capsule labels.
Responsive
At 1440×1000, the heading’s two measured text blocks are each 998×102px at x=221 and y=96/198; sampled text is 128px/700 and Chromium reports MD Nichrome Test Bold. The desktop header measures 74px high. At 768×1024 the large headline wraps into three lines; at 390×844 it also wraps into three lines and desktop links collapse to the wordmark and a 40×40 menu control. Body color is recorded as rgb(248,238,232) with rgb(51,51,51) text. The captures establish these three widths only.
Scroll
The desktop-scroll-labeled state records scrollY=0 in a 1440×1000 document, so it is not a lower-page observation. The orange curved slogan band is visible near the bottom of the captured composition. No lower section is described.

More like this