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.