trackslash
VAULT-69 P2

Make the vault on the app icon flat

0
All issues

Description

Bradley doesn't like the 3D effect on the app icon's vault from VAULT-39 (#620). Make it flat.

Today (#620):

  • The wheel is blue turned metal, lit to look three-dimensional:
    • each spoke is shaded like a cylinder;
    • the hub and knobs are lit domes;
    • there are radial "turned" streaks, highlight and shadow rims, and a shaded bore through the hub.
  • The door frame uses a lit metal finish.
  • The white background fades to 95.5% white at the bottom.
  • All of this is in VaultAppIconPalette.Metal and VaultWheelView (Vault/Sources/VaultAppIcon/).

What to change:

  • Draw the vault with flat, solid fills: no gradients, lighting, streaks, rims or bore shading.
  • Keep the two tones and the shapes:
    • Default: black frame and blue wheel on white. Make the background a flat white too.
    • Dark: silver frame and blue wheel on a transparent background.
    • Tinted: two grayscale tones.
  • Simplify Metal down to what flat drawing needs, and remove code that's no longer used.
  • The in-app lock glyph (VaultLockGlyphView) is the same drawing, so the locked-item door and the app lock screen become flat too. Keep the lock, unlock and decrypt animations and the red wrong-password state working.
  • Regenerate the icon PNGs with make app-icon.

Tests:

  • Re-record VaultAppIconViewSnapshotTests (light, dark, tinted), VaultLockGlyphViewSnapshotTests, and every snapshot showing the door, and check each image by eye.
  • Check the Home Screen icon in the simulator in Default, Dark and Tinted.

Sub-issues

0

Linked issues

0

GitHub

0

No branches or pull requests linked.

Comments

1
Bradley

Done in https://github.com/badbundle/vault-app/pull/649 (merged as a8117a96).

The icon: the frame and wheel are each one solid colour, and the default background is plain white. The shapes and two tones are unchanged:

  • Default: a black frame (10% white) and a blue wheel (#1E8CFF), on white.
  • Dark: a silver frame and the same blue wheel, on a transparent background.
  • Tinted: a white frame and a 70% grey wheel.

In the app: the locked-item and encrypted-item doors and the app lock screen are flat too. The lock, unlock and decrypt animations and the red wrong-password state still work.

Code:

  • VaultAppIconPalette is down to three colours.
  • Metal and its gradients are gone, and VaultWheelView was replaced by a single VaultWheelShape.
  • The PNGs were regenerated with make app-icon.

Tests:

  • All 101 snapshots showing the icon or door were re-recorded and checked by eye.
  • The Home Screen was checked in Default, Dark and Tinted.

Note: iOS 27 adds its own glass shadow and glow to icons on the Home Screen, even though the PNGs are flat. Removing that would need a layered Icon Composer icon.

Before and after comparisons are in ~/Library/Caches/vault-sprint2/icon/VAULT-69/ on the Mac Studio.