larry/smk-branding
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

SMK Family style & branding kit: logo, palette, typography, per-app playbook

Browse Source
This commit is contained in:
Larry Schwerzler
2026-08-15 21:37:48 +00:00
commit 7a31c7ed8d
20 changed files with 475 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/authentik-bg.svg
+19
View File
@@ -0,0 +1,19 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" width="1920" height="1080" preserveAspectRatio="xMidYMid slice" aria-label="SMK dark background">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#14161B"/>
<stop offset="0.55" stop-color="#1A1E28"/>
<stop offset="1" stop-color="#232838"/>
</linearGradient>
<radialGradient id="glow" cx="0.82" cy="0.18" r="0.55">
<stop offset="0" stop-color="#F2A65A" stop-opacity="0.16"/>
<stop offset="1" stop-color="#F2A65A" stop-opacity="0"/>
</radialGradient>
</defs>
<rect width="1920" height="1080" fill="url(#bg)"/>
<rect width="1920" height="1080" fill="url(#glow)"/>
<!-- Soft decorative blobs -->
<circle cx="260" cy="860" r="240" fill="#E8755D" opacity="0.05"/>
<circle cx="1680" cy="240" r="300" fill="#F2A65A" opacity="0.05"/>
<circle cx="1620" cy="920" r="180" fill="#E8755D" opacity="0.04"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 966 B

assets/favicon.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 459 B

assets/icon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

assets/icon.svg
+26
View File
@@ -0,0 +1,26 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="SMK Family icon mark">
<defs>
<linearGradient id="warm" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#F2A65A"/>
<stop offset="1" stop-color="#E8755D"/>
</linearGradient>
</defs>
<!-- Rounded squircle badge -->
<rect x="0" y="0" width="512" height="512" rx="120" fill="url(#warm)"/>
<!-- Subtle inner highlight -->
<rect x="8" y="8" width="496" height="496" rx="114" fill="none" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="6"/>
<!-- Heart -->
<path d="M 256 340
C 220 306 180 280 180 240
A 52 52 0 0 1 256 206
A 52 52 0 0 1 332 240
C 332 280 292 306 256 340 Z"
fill="#FBF6EC"/>
<!-- Sparkle -->
<path d="M 352 104
C 356 122 366 132 384 136
C 366 140 356 150 352 168
C 348 150 338 140 320 136
C 338 132 348 122 352 104 Z"
fill="#FBF6EC"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1020 B

assets/logo-light.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

assets/logo-light.svg
+18
View File
@@ -0,0 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 260" width="900" height="260" role="img" aria-label="SMK Family logo (light)">
<defs>
<linearGradient id="warm3" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#F2A65A"/>
<stop offset="1" stop-color="#E8755D"/>
</linearGradient>
</defs>
<g transform="translate(8,10) scale(0.47)">
<rect x="0" y="0" width="512" height="512" rx="120" fill="url(#warm3)"/>
<rect x="8" y="8" width="496" height="496" rx="114" fill="none" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="6"/>
<path d="M 256 340 C 220 306 180 280 180 240 A 52 52 0 0 1 256 206 A 52 52 0 0 1 332 240 C 332 280 292 306 256 340 Z" fill="#FBF6EC"/>
<path d="M 352 104 C 356 122 366 132 384 136 C 366 140 356 150 352 168 C 348 150 338 140 320 136 C 338 132 348 122 352 104 Z" fill="#FBF6EC"/>
</g>
<text x="290" y="158" font-family="'Baloo 2','Baloo 2 VF',ui-rounded,system-ui,sans-serif"
font-size="130" font-weight="700" fill="#1A1E28">SMK</text>
<text x="294" y="216" font-family="'Nunito','Nunito VF',ui-rounded,system-ui,sans-serif"
font-size="30" font-weight="700" letter-spacing="9" fill="#B35A2E">SMK FAMILY</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

assets/logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

assets/logo.svg
+20
View File
@@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 260" width="900" height="260" role="img" aria-label="SMK Family logo">
<defs>
<linearGradient id="warm2" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#F2A65A"/>
<stop offset="1" stop-color="#E8755D"/>
</linearGradient>
</defs>
<!-- Icon mark -->
<g transform="translate(8,10) scale(0.47)">
<rect x="0" y="0" width="512" height="512" rx="120" fill="url(#warm2)"/>
<rect x="8" y="8" width="496" height="496" rx="114" fill="none" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="6"/>
<path d="M 256 340 C 220 306 180 280 180 240 A 52 52 0 0 1 256 206 A 52 52 0 0 1 332 240 C 332 280 292 306 256 340 Z" fill="#FBF6EC"/>
<path d="M 352 104 C 356 122 366 132 384 136 C 366 140 356 150 352 168 C 348 150 338 140 320 136 C 338 132 348 122 352 104 Z" fill="#FBF6EC"/>
</g>
<!-- Wordmark -->
<text x="290" y="158" font-family="'Baloo 2','Baloo 2 VF',ui-rounded,system-ui,sans-serif"
font-size="130" font-weight="700" fill="#F5F0E6">SMK</text>
<text x="294" y="216" font-family="'Nunito','Nunito VF',ui-rounded,system-ui,sans-serif"
font-size="30" font-weight="700" letter-spacing="9" fill="#F2A65A">SMK FAMILY</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB