brand: adopt Lightwell aperture as the Hope brand mark
- web/brand/hope-mark.svg: canonical adaptive mark (light/dark) - web/brand/hope-logo-horizontal.svg: lockup with rounded wordmark - web/brand/hope-icon.svg: forced-dark icon-grid-tuned source - favicon.svg: small-size tuned aperture - manifest + index.html: PNG icons (192/512), apple-touch-icon, theme #1C191F
This commit is contained in:
snowspeeder committed
1 parent
b01ee6478d
commit
da65da68b3
9 files changed
+136
-8
No files matched your search
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
@@ -0,0 +1,28 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<!--
|
||||
Hope app icon — forced-dark Lightwell aperture, icon-grid tuned
|
||||
(capsule scaled up ~40% vs the standard mark; full-bleed background,
|
||||
no transparency). Colors: Nearlight dark tokens.
|
||||
-->
|
||||
<defs>
|
||||
<linearGradient id="core" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="#E3A2BC" stop-opacity="0.35"/>
|
||||
<stop offset="0.5" stop-color="#E3A2BC" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#E3A2BC" stop-opacity="0.55"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="halo" cx="0.5" cy="0.5" r="0.5">
|
||||
<stop offset="0" stop-color="#E3A2BC" stop-opacity="0.34"/>
|
||||
<stop offset="0.55" stop-color="#E3A2BC" stop-opacity="0.11"/>
|
||||
<stop offset="1" stop-color="#E3A2BC" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="hotspot" cx="0.5" cy="0.5" r="0.5">
|
||||
<stop offset="0" stop-color="#E3A2BC" stop-opacity="0.6"/>
|
||||
<stop offset="1" stop-color="#E3A2BC" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<rect width="512" height="512" fill="#1C191F"/>
|
||||
<rect x="116" y="46" width="280" height="420" rx="140" fill="#28232E" stroke="#BFB2C6" stroke-width="8"/>
|
||||
<ellipse cx="256" cy="256" rx="185" ry="225" fill="url(#halo)"/>
|
||||
<rect x="221" y="168.5" width="70" height="175" rx="35" fill="url(#core)"/>
|
||||
<ellipse cx="256" cy="256" rx="82" ry="103" fill="url(#hotspot)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1,40 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 240">
|
||||
<!--
|
||||
Hope horizontal lockup — Lightwell mark + wordmark.
|
||||
Wordmark: system rounded design, semibold, ink color. Fonts resolve to
|
||||
SF Pro Rounded on Apple platforms; falls back to the system UI face.
|
||||
-->
|
||||
<style>
|
||||
:root { --ground:#F4F2F6; --surface:#FFFFFF; --quiet:#655D6C; --ink:#29232F; --core:#874761; }
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root { --ground:#1C191F; --surface:#28232E; --quiet:#BFB2C6; --ink:#F6EFF7; --core:#E3A2BC; }
|
||||
}
|
||||
text { font-family: ui-rounded, -apple-system, "SF Pro Rounded", "Helvetica Rounded", system-ui, sans-serif;
|
||||
font-weight: 600; font-size: 120px; letter-spacing: -2px; }
|
||||
</style>
|
||||
<defs>
|
||||
<linearGradient id="core" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="var(--core)" stop-opacity="0.35"/>
|
||||
<stop offset="0.5" stop-color="var(--core)" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="var(--core)" stop-opacity="0.55"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="halo" cx="0.5" cy="0.5" r="0.5">
|
||||
<stop offset="0" stop-color="var(--core)" stop-opacity="0.32"/>
|
||||
<stop offset="0.55" stop-color="var(--core)" stop-opacity="0.10"/>
|
||||
<stop offset="1" stop-color="var(--core)" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="hotspot" cx="0.5" cy="0.5" r="0.5">
|
||||
<stop offset="0" stop-color="var(--core)" stop-opacity="0.55"/>
|
||||
<stop offset="1" stop-color="var(--core)" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<rect width="720" height="240" fill="var(--ground)"/>
|
||||
<!-- mark scaled 0.42 from the 512 canvas, placed at x=24, centered vertically -->
|
||||
<g transform="translate(24 12) scale(0.42)">
|
||||
<rect x="156" y="106" width="200" height="300" rx="100" fill="var(--surface)" stroke="var(--quiet)" stroke-width="14"/>
|
||||
<ellipse cx="256" cy="256" rx="150" ry="180" fill="url(#halo)"/>
|
||||
<rect x="231" y="193.5" width="50" height="125" rx="25" fill="url(#core)"/>
|
||||
<ellipse cx="256" cy="256" rx="60" ry="75" fill="url(#hotspot)"/>
|
||||
</g>
|
||||
<text x="252" y="163" fill="var(--ink)">Hope</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1,39 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<!--
|
||||
Hope brand mark — the Lightwell aperture.
|
||||
Geometry from Sources/Features/Conversation/LightwellView.swift:
|
||||
64x96 outer capsule, 16x40 inner core, centered; 1pt quiet stroke;
|
||||
vertical rosewood gradient 0.35 / 1.0 / 0.55. Nearlight tokens.
|
||||
The radial halo emulates the Lightwell's soft emissive core without
|
||||
SVG filters (renders identically in QuickLook, browsers, rsvg).
|
||||
Adapts to light/dark via prefers-color-scheme.
|
||||
-->
|
||||
<style>
|
||||
:root { --ground:#F4F2F6; --surface:#FFFFFF; --quiet:#655D6C; --core:#874761; }
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root { --ground:#1C191F; --surface:#28232E; --quiet:#BFB2C6; --core:#E3A2BC; }
|
||||
}
|
||||
</style>
|
||||
<defs>
|
||||
<linearGradient id="core" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="var(--core)" stop-opacity="0.35"/>
|
||||
<stop offset="0.5" stop-color="var(--core)" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="var(--core)" stop-opacity="0.55"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="halo" cx="0.5" cy="0.5" r="0.5">
|
||||
<stop offset="0" stop-color="var(--core)" stop-opacity="0.32"/>
|
||||
<stop offset="0.55" stop-color="var(--core)" stop-opacity="0.10"/>
|
||||
<stop offset="1" stop-color="var(--core)" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="hotspot" cx="0.5" cy="0.5" r="0.5">
|
||||
<stop offset="0" stop-color="var(--core)" stop-opacity="0.55"/>
|
||||
<stop offset="1" stop-color="var(--core)" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<rect width="512" height="512" fill="var(--ground)"/>
|
||||
<rect x="156" y="106" width="200" height="300" rx="100" fill="var(--surface)" stroke="var(--quiet)" stroke-width="6"/>
|
||||
<!-- emissive glow: halo spills past the core, hotspot brightens its center -->
|
||||
<ellipse cx="256" cy="256" rx="150" ry="180" fill="url(#halo)"/>
|
||||
<rect x="231" y="193.5" width="50" height="125" rx="25" fill="url(#core)"/>
|
||||
<ellipse cx="256" cy="256" rx="60" ry="75" fill="url(#hotspot)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
Reference in new issue
Block a user