football2801
01b6007b1c
CI / test (push) Has been cancelled
Self-contained HTML/CSS mockups proposing the brand-as-surface direction: - Camogli harbor photo as the permanent backdrop on every authenticated view - Six user themes rebuilt as atmospheric "dusks" (tinted overlays + accents) instead of cream variants - Frosted-glass cards on top of the photo - Same type system (Marcellus / Cormorant Garamond italic / Nunito body) shared between login and in-app Includes: - login-cinematic.html: canonical pre-auth example with Ken-Burns + grain - spa/home.html, library.html, settings.html: in-app views with the new chrome - spa/_tokens.css + _chrome.css: dusk system and frosted-glass primitives - favicons/A-D: in-progress icon directions - README.md with serving instructions and the porting checklist Saved as a durable design artifact so the iteration survives /tmp wipes and can be referred back to when porting to Vue. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
33 lines
1.5 KiB
XML
33 lines
1.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
|
|
<defs>
|
|
<radialGradient id="wax" cx="40%" cy="35%" r="65%">
|
|
<stop offset="0%" stop-color="#b04a35"/>
|
|
<stop offset="55%" stop-color="#8a2418"/>
|
|
<stop offset="100%" stop-color="#5a140a"/>
|
|
</radialGradient>
|
|
<filter id="bevel" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="0.6"/>
|
|
</filter>
|
|
</defs>
|
|
<rect width="64" height="64" rx="10" fill="#fdf6ee"/>
|
|
<!-- wax circle with serrated edge -->
|
|
<g transform="translate(32 33)">
|
|
<circle r="24" fill="url(#wax)"/>
|
|
<g fill="url(#wax)">
|
|
<!-- subtle serration: tiny notches around perimeter -->
|
|
<circle cx="0" cy="-24" r="1.6"/>
|
|
<circle cx="17" cy="-17" r="1.6"/>
|
|
<circle cx="24" cy="0" r="1.6"/>
|
|
<circle cx="17" cy="17" r="1.6"/>
|
|
<circle cx="0" cy="24" r="1.6"/>
|
|
<circle cx="-17" cy="17" r="1.6"/>
|
|
<circle cx="-24" cy="0" r="1.6"/>
|
|
<circle cx="-17" cy="-17" r="1.6"/>
|
|
</g>
|
|
<circle r="20" fill="none" stroke="#5a140a" stroke-width="0.8" opacity="0.65"/>
|
|
<!-- engraved V (slightly recessed/darker) -->
|
|
<path d="M-10 -10 L0 12 L10 -10" fill="none" stroke="#3a0a04" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.85"/>
|
|
<path d="M-10 -10 L0 12 L10 -10" fill="none" stroke="#d8a89a" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" opacity="0.5" transform="translate(-0.5 -0.5)"/>
|
|
</g>
|
|
</svg>
|
