diff --git a/brand/IMG_2524-square900.jpg b/brand/IMG_2524-square900.jpg new file mode 100644 index 0000000..a31a418 Binary files /dev/null and b/brand/IMG_2524-square900.jpg differ diff --git a/brand/IMG_2524.jpg b/brand/IMG_2524.jpg new file mode 100644 index 0000000..d8f46ec Binary files /dev/null and b/brand/IMG_2524.jpg differ diff --git a/brand/README.md b/brand/README.md new file mode 100644 index 0000000..d054739 --- /dev/null +++ b/brand/README.md @@ -0,0 +1,8 @@ +# Brand source assets + +| File | Purpose | +|------|---------| +| `IMG_2524.jpg` | Raw full-quality original (Camogli harbour, 5712×4284). The hero photo behind the WeVisto wordmark. Use this for any marketing, social, or print work. | +| `IMG_2524-square900.jpg` | 900×900 centred crop (vbias 0.42) — the exact image embedded as base64 in `frontend/public/logo.svg`. Regenerate the logo from this if you ever tweak the wordmark. | + +The composed logo SVG lives at `frontend/public/logo.svg` (Vite copies it to `public/build/logo.svg` at build time). diff --git a/frontend/public/logo.svg b/frontend/public/logo.svg index f1b1ce8..a666134 100644 --- a/frontend/public/logo.svg +++ b/frontend/public/logo.svg @@ -1,13 +1,19 @@ - - - - WeVisto - PLACEHOLDER + + + + + + + + + + + + + + WeVisto + + diff --git a/public/build/logo.svg b/public/build/logo.svg index f1b1ce8..a666134 100644 --- a/public/build/logo.svg +++ b/public/build/logo.svg @@ -1,13 +1,19 @@ - - - - WeVisto - PLACEHOLDER + + + + + + + + + + + + + + WeVisto + + diff --git a/templates/emails/share_notification.html.twig b/templates/emails/share_notification.html.twig index 1580082..690bc71 100644 --- a/templates/emails/share_notification.html.twig +++ b/templates/emails/share_notification.html.twig @@ -5,8 +5,8 @@
WeVisto + width="64" height="64" + style="display:block;width:64px;height:64px;border-radius:10px;margin-bottom:.75rem">

{{ sharer.email }} shared a photo with you

Add it to your frame or decline — it's up to you.

diff --git a/templates/help/index.html.twig b/templates/help/index.html.twig index 5a658a1..fab83b2 100644 --- a/templates/help/index.html.twig +++ b/templates/help/index.html.twig @@ -81,11 +81,14 @@ color: #8a7060; font-size: .85rem; } + .logo-badge { display: block; width: 72px; height: 72px; margin-bottom: 1rem; border-radius: 12px; overflow: hidden; border: 1px solid #e8d9c4; box-shadow: 0 2px 10px rgba(0,0,0,.06); } + .logo-badge img { display: block; width: 100%; height: 100%; }
+

WeVisto setup help

Trouble joining your frame to the network, or stuck on a screen? Start here.

diff --git a/templates/security/login.html.twig b/templates/security/login.html.twig index a5299f5..61de82b 100644 --- a/templates/security/login.html.twig +++ b/templates/security/login.html.twig @@ -66,10 +66,13 @@ .btn:hover { opacity: 0.9; } .register-link { display: block; text-align: center; margin-top: 1rem; font-size: 0.875rem; color: #8a7060; } .register-link a { color: #c97c3a; text-decoration: none; font-weight: 600; } + .logo-badge { display: block; width: 88px; height: 88px; margin: 0 auto 1.25rem; border-radius: 14px; overflow: hidden; border: 1px solid #e8d9c4; box-shadow: 0 2px 10px rgba(0,0,0,.06); } + .logo-badge img { display: block; width: 100%; height: 100%; }
+

Sign in

diff --git a/templates/security/register.html.twig b/templates/security/register.html.twig index 087257f..172ac47 100644 --- a/templates/security/register.html.twig +++ b/templates/security/register.html.twig @@ -68,10 +68,13 @@ .btn:hover { opacity: 0.9; } .login-link { display: block; text-align: center; margin-top: 1rem; font-size: 0.875rem; color: #8a7060; } .login-link a { color: #c97c3a; text-decoration: none; font-weight: 600; } + .logo-badge { display: block; width: 88px; height: 88px; margin: 0 auto 1.25rem; border-radius: 14px; overflow: hidden; border: 1px solid #e8d9c4; box-shadow: 0 2px 10px rgba(0,0,0,.06); } + .logo-badge img { display: block; width: 100%; height: 100%; }
+

Create account

{{ form_start(form, {attr: {novalidate: 'novalidate', id: 'reg-form'}}) }} diff --git a/templates/setup/configure.html.twig b/templates/setup/configure.html.twig index 86a27bf..73b99da 100644 --- a/templates/setup/configure.html.twig +++ b/templates/setup/configure.html.twig @@ -33,10 +33,13 @@ .btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin-top: 1.5rem; background: #c97c3a; color: #fff; border: none; border-radius: 9999px; font-size: 1rem; font-weight: 700; cursor: pointer; } + .logo-badge { display: block; width: 80px; height: 80px; margin: 0 auto 1rem; border-radius: 14px; overflow: hidden; border: 1px solid #e8d9c4; box-shadow: 0 2px 10px rgba(0,0,0,.06); } + .logo-badge img { display: block; width: 100%; height: 100%; }
+

Name your frame

You can always change these settings later.

diff --git a/templates/setup/index.html.twig b/templates/setup/index.html.twig index 33c4d99..02823a1 100644 --- a/templates/setup/index.html.twig +++ b/templates/setup/index.html.twig @@ -34,10 +34,13 @@ font-size: .875rem; line-height: 1.35; cursor: pointer; } .claim-check input[type="checkbox"] { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 2px; accent-color: #c97c3a; cursor: pointer; } + .logo-badge { display: block; width: 80px; height: 80px; margin: 0 auto 1rem; border-radius: 14px; overflow: hidden; border: 1px solid #e8d9c4; box-shadow: 0 2px 10px rgba(0,0,0,.06); } + .logo-badge img { display: block; width: 100%; height: 100%; }
+

Link this frame

Create an account, or sign in if you already have one. The frame will link to whichever account you use here.