v2 · 2026-05-15
WeVisto
Favicons rethought
+ logo placed
— scrapping the previous favicon set; the brand's own V is the answer, not invented icons.

I.Favicons, rebuilt around the V — V-viewfinder picked, refining

Direction 3 (V-viewfinder) is the chosen path — the V as a window onto the harbor. Four refinements of it below: 3b is the strongest (tighter crop on Camogli's coloured row-houses + thin yellow frame). 3a, 3c, 3d shown for comparison.

3a · full harbor

Full harbor view inside the V. Detailed but busy at small sizes.
16
32
64
180
Recommended

3b · Camogli row-houses

Tighter crop on the colored row-houses. Most brand-specific — Camogli is the brand origin.
16
32
64
180

3c · no frame

No yellow outline. Cleanest silhouette but loses the brand yellow at small sizes.
16
32
64
180

3d · thick frame

Heavier yellow border, more "picture frame" reading. Veers toward decorative.
16
32
64
180

Original first-round directions below for reference (1 V-pure, 2 V-horizon, 4 V-cropped).

1.Brand · isolated

V-pure

The yellow V on solid navy, drawn confidently. The brand's own glyph, alone in a room. Reads at every size, no decoration.
16
32
64
180
browser tab
WeVisto
iOS home screen
2.Brand · with horizon

V-horizon

The V plus a hairline horizon and a single sun dot below — the harbor is implied, not depicted. Editorial echo of the rest of the brand.
16
32
64
180
browser tab
WeVisto
iOS home screen
3.Brand · viewfinder

V-viewfinder

The V cut out of navy, with the harbor photo visible inside — you are looking at a photograph framed by the V. Strong at 64+, silhouette holds at 16.
16
32
64
180
browser tab
WeVisto
iOS home screen
4.Brand · cropped

V-cropped (the wordmark itself)

A tight crop of the actual published wordmark. The favicon is a slice of the logo — V centered, "e" and "i" partially visible at large sizes. The most "WeVisto in the image."
16
32
64
180
browser tab
WeVisto
iOS home screen

II.The wordmark logo, given room to live

Currently the full wordmark + harbor logo only appears in email templates and as a small badge on Twig pages. These three mockups give it three new homes in the PWA at hero scale — each one a moment where the brand earns the room.

Open ⟶
II·a

PWA cold-launch splash

Shown for ~1.5s on app cold-launch. Wordmark logo at ~520px, Ken-Burns harbor backdrop, three-dot loader. Then it fades to HomeView.

Open ⟶
II·b

Library hero (revised)

The empty state's 112px mark replaced by the full wordmark logo at 320px. Same headline / sub / CTA below. The library page becomes a brand moment.

Open ⟶
II·c

About · the brand story

A settings → about page with the wordmark logo as page hero, a two-section editorial about the frame and the V, then a credits card. The place where the brand explains itself.

Saved iteration: this is in /tmp/wevisto-mockups/v2/ for now. Approve a direction (or set of directions) and I'll save it into the repo alongside the previous checkpoint.