初始化

缺陷:主题配色需要优化整体的同风格
This commit is contained in:
2026-08-14 23:19:06 +08:00
parent 318aeab092
commit 27135f4ae6
187 changed files with 13631 additions and 187 deletions

View File

@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" role="img" aria-label="BORMAN">
<title>BORMAN favicon</title>
<g fill="none" stroke="#B8924A" stroke-linecap="round" stroke-linejoin="round">
<rect x="5" y="5" width="54" height="54" rx="14" stroke-width="2"/>
<path d="M18 52V18c0-4.5 3.5-7 8-7h4c3.5 0 5.5 2.5 5.5 6.5V36" stroke-width="2.2"/>
<path d="M35.5 37h16c3 0 5.5 2 5.5 5.5V46H25" stroke-width="2.2"/>
<path d="M35.5 28h12c2.5 0 4 1.5 4 4" stroke-width="2"/>
<path d="M28 46v8M50 46v8" stroke-width="2.2"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 626 B

View File

@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" role="img" aria-label="BORMAN">
<title>BORMAN Dark</title>
<defs>
<linearGradient id="brmDarkStroke" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#F0E6D2"/>
<stop offset="55%" stop-color="#D4B56A"/>
<stop offset="100%" stop-color="#E8D9B0"/>
</linearGradient>
</defs>
<style type="text/css"><![CDATA[
.frame-outer,.frame-inner,.mark{fill:none;stroke:url(#brmDarkStroke);stroke-linecap:round;stroke-linejoin:round}
.frame-outer{stroke-width:2.5;animation:breath 5s ease-in-out infinite}
.frame-inner{stroke-width:1;opacity:.5}
.mark{stroke-width:3.1;animation:breath 5s ease-in-out .4s infinite}
@keyframes breath{0%,100%{opacity:1}50%{opacity:.84}}
@media (prefers-reduced-motion:reduce){
.frame-outer,.mark{animation:none}
}
]]></style>
<rect class="frame-outer" x="10" y="10" width="108" height="108" rx="28"/>
<rect class="frame-inner" x="18" y="18" width="92" height="92" rx="22"/>
<g class="mark">
<path d="M40 102V36c0-9 7-14 16-14h8c7 0 11 5 11 13v39"/>
<path d="M75 74h30c6 0 11 4 11 11v7H52"/>
<path d="M75 56h24c5 0 8 3 8 8"/>
<path d="M56 92v14M98 92v14"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@@ -0,0 +1,41 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 80" width="320" height="80" role="img" aria-label="BORMAN">
<title>BORMAN Dark</title>
<defs>
<linearGradient id="brmHDark" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#F0E6D2"/>
<stop offset="55%" stop-color="#D4B56A"/>
<stop offset="100%" stop-color="#E8D9B0"/>
</linearGradient>
</defs>
<style type="text/css"><![CDATA[
.ico .frame-outer,.ico .frame-inner,.ico .mark{fill:none;stroke:url(#brmHDark);stroke-linecap:round;stroke-linejoin:round}
.ico .frame-outer{stroke-width:2.5;animation:breath 5s ease-in-out infinite}
.ico .frame-inner{stroke-width:1;opacity:.5}
.ico .mark{stroke-width:3.1}
.wm{fill:#F2ECE1;font-family:'Source Han Serif SC','Noto Serif SC','Songti SC',STSong,serif}
.sub{fill:#C9BDA8;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}
.rule{stroke:#D4B56A;opacity:.55}
.shine{stroke:#F5E9C8;stroke-width:2;opacity:0;pointer-events:none}
svg:hover .shine{animation:shine-run .65s ease-out}
@keyframes breath{0%,100%{opacity:1}50%{opacity:.84}}
@keyframes shine-run{0%{opacity:0;stroke-dasharray:8 240;stroke-dashoffset:0}30%{opacity:.9}100%{opacity:0;stroke-dashoffset:-180}}
@media (prefers-reduced-motion:reduce){
.ico .frame-outer,.shine{animation:none!important}
}
]]></style>
<g class="ico" transform="translate(4 8) scale(0.8125)">
<rect class="frame-outer" x="10" y="10" width="108" height="108" rx="28"/>
<rect class="frame-inner" x="18" y="18" width="92" height="92" rx="22"/>
<rect class="shine" x="10" y="10" width="108" height="108" rx="28" fill="none"/>
<g class="mark">
<path d="M40 102V36c0-9 7-14 16-14h8c7 0 11 5 11 13v39"/>
<path d="M75 74h30c6 0 11 4 11 11v7H52"/>
<path d="M75 56h24c5 0 8 3 8 8"/>
<path d="M56 92v14M98 92v14"/>
</g>
</g>
<path class="rule" d="M92 22V58" fill="none" stroke-width="1"/>
<text class="wm" x="108" y="40" font-size="26" letter-spacing="2.2">&#x4F5B;&#x5C71;&#x94C2;&#x5C14;&#x66FC;</text>
<text class="sub" x="110" y="58" font-size="10" letter-spacing="4.2">BORMAN FURNITURE</text>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 80" width="320" height="80" role="img" aria-label="BORMAN">
<title>BORMAN</title>
<style type="text/css"><![CDATA[
.ico .frame-outer,.ico .frame-inner,.ico .mark{fill:none;stroke:#B8924A;stroke-linecap:round;stroke-linejoin:round}
.ico .frame-outer{stroke-width:2.4;animation:breath 5s ease-in-out infinite}
.ico .frame-inner{stroke-width:1;opacity:.42}
.ico .mark{stroke-width:3}
.wm{fill:#1C1915;font-family:'Source Han Serif SC','Noto Serif SC','Songti SC',STSong,serif}
.sub{fill:#6B6257;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}
.rule{stroke:#B8924A;opacity:.55}
.shine{stroke:#E8D5A3;stroke-width:2;opacity:0;pointer-events:none}
svg:hover .shine{animation:shine-run .65s ease-out}
@keyframes breath{0%,100%{opacity:1}50%{opacity:.78}}
@keyframes shine-run{0%{opacity:0;stroke-dasharray:8 240;stroke-dashoffset:0}30%{opacity:.85}100%{opacity:0;stroke-dashoffset:-180}}
@media (prefers-reduced-motion:reduce){
.ico .frame-outer,.shine{animation:none!important}
}
]]></style>
<g class="ico" transform="translate(4 8) scale(0.8125)">
<rect class="frame-outer" x="10" y="10" width="108" height="108" rx="28"/>
<rect class="frame-inner" x="18" y="18" width="92" height="92" rx="22"/>
<rect class="shine" x="10" y="10" width="108" height="108" rx="28" fill="none"/>
<g class="mark">
<path d="M40 102V36c0-9 7-14 16-14h8c7 0 11 5 11 13v39"/>
<path d="M75 74h30c6 0 11 4 11 11v7H52"/>
<path d="M75 56h24c5 0 8 3 8 8"/>
<path d="M56 92v14M98 92v14"/>
</g>
</g>
<path class="rule" d="M92 22V58" fill="none" stroke-width="1"/>
<text class="wm" x="108" y="40" font-size="26" letter-spacing="2.2">&#x4F5B;&#x5C71;&#x94C2;&#x5C14;&#x66FC;</text>
<text class="sub" x="110" y="58" font-size="10" letter-spacing="4.2">BORMAN FURNITURE</text>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" role="img" aria-label="BORMAN">
<title>BORMAN</title>
<style type="text/css"><![CDATA[
.frame-outer,.frame-inner,.mark{fill:none;stroke:#B8924A;stroke-linecap:round;stroke-linejoin:round}
.frame-outer{stroke-width:2.4;animation:breath 5s ease-in-out infinite}
.frame-inner{stroke-width:1;opacity:.42}
.mark{stroke-width:3;animation:breath 5s ease-in-out .4s infinite}
@keyframes breath{0%,100%{opacity:1}50%{opacity:.78}}
@media (prefers-reduced-motion:reduce){
.frame-outer,.mark{animation:none}
}
]]></style>
<rect class="frame-outer" x="10" y="10" width="108" height="108" rx="28"/>
<rect class="frame-inner" x="18" y="18" width="92" height="92" rx="22"/>
<g class="mark">
<path d="M40 102V36c0-9 7-14 16-14h8c7 0 11 5 11 13v39"/>
<path d="M75 74h30c6 0 11 4 11 11v7H52"/>
<path d="M75 56h24c5 0 8 3 8 8"/>
<path d="M56 92v14M98 92v14"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" role="img" aria-label="WEILUN">
<title>WEILUN favicon</title>
<g fill="none" stroke="#9A6A3A" stroke-linecap="round" stroke-linejoin="miter">
<path stroke-width="2" d="M6 18 L18 6 L46 6 Q58 6 58 18 L58 46 Q58 58 46 58 L18 58 Q6 58 6 46 Z"/>
<path stroke-width="2.2" d="M18 21.5 L25.6 44 L32 29.5"/>
<path stroke-width="2.2" d="M32 34.5 L38.4 44 L46 21.5"/>
<path stroke-width="1.5" opacity=".8" d="M20.5 51.5 L43.5 51.5"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 579 B

View File

@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" role="img" aria-label="WEILUN">
<title>WEILUN Dark</title>
<defs>
<linearGradient id="wlDarkStroke" x1="0%" y1="20%" x2="100%" y2="90%">
<stop offset="0%" stop-color="#F3E8D6"/>
<stop offset="50%" stop-color="#C9955A"/>
<stop offset="100%" stop-color="#E6D2B0"/>
</linearGradient>
</defs>
<style type="text/css"><![CDATA[
.frame,.inner,.mark,.base{fill:none;stroke:url(#wlDarkStroke);stroke-linecap:round;stroke-linejoin:miter}
.frame{stroke-width:2.6;animation:breath 5.2s ease-in-out infinite}
.inner{stroke-width:1.1;opacity:.55}
.mark{stroke-width:3.5}
.base{stroke-width:2.1;opacity:.85}
@keyframes breath{0%,100%{opacity:1}50%{opacity:.84}}
@media (prefers-reduced-motion:reduce){
.frame{animation:none}
}
]]></style>
<path class="frame" d="M12 36 L36 12 L92 12 Q116 12 116 36 L116 92 Q116 116 92 116 L36 116 Q12 116 12 92 Z"/>
<path class="inner" d="M20 38 L38 20 L90 20 Q108 20 108 38 L108 90 Q108 108 90 108 L38 108 Q20 108 20 90 Z"/>
<g class="mark">
<path d="M36 42 L50 88 L64 58"/>
<path d="M64 68 L78 88 L92 42"/>
</g>
<path class="base" d="M42 102 L86 102"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@@ -0,0 +1,41 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 80" width="320" height="80" role="img" aria-label="WEILUN">
<title>WEILUN Dark</title>
<defs>
<linearGradient id="wlHDark" x1="0%" y1="20%" x2="100%" y2="90%">
<stop offset="0%" stop-color="#F3E8D6"/>
<stop offset="50%" stop-color="#C9955A"/>
<stop offset="100%" stop-color="#E6D2B0"/>
</linearGradient>
</defs>
<style type="text/css"><![CDATA[
.ico .frame,.ico .inner,.ico .mark,.ico .base{fill:none;stroke:url(#wlHDark);stroke-linecap:round;stroke-linejoin:miter}
.ico .frame{stroke-width:2.6;animation:breath 5.2s ease-in-out infinite}
.ico .inner{stroke-width:1.1;opacity:.55}
.ico .mark{stroke-width:3.5}
.ico .base{stroke-width:2.1;opacity:.85}
.wm{fill:#F2ECE1;font-family:'Source Han Serif SC','Noto Serif SC','Songti SC',STSong,serif}
.sub{fill:#C9BDA8;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}
.rule{stroke:#C9955A;opacity:.55}
.shine{stroke:#F0DFC0;stroke-width:2;opacity:0;pointer-events:none}
svg:hover .shine{animation:shine-run .65s ease-out}
@keyframes breath{0%,100%{opacity:1}50%{opacity:.84}}
@keyframes shine-run{0%{opacity:0;stroke-dasharray:8 240;stroke-dashoffset:0}30%{opacity:.9}100%{opacity:0;stroke-dashoffset:-200}}
@media (prefers-reduced-motion:reduce){
.ico .frame,.shine{animation:none!important}
}
]]></style>
<g class="ico" transform="translate(4 8) scale(0.8125)">
<path class="frame" d="M12 36 L36 12 L92 12 Q116 12 116 36 L116 92 Q116 116 92 116 L36 116 Q12 116 12 92 Z"/>
<path class="inner" d="M20 38 L38 20 L90 20 Q108 20 108 38 L108 90 Q108 108 90 108 L38 108 Q20 108 20 90 Z"/>
<path class="shine" d="M12 36 L36 12 L92 12 Q116 12 116 36 L116 92 Q116 116 92 116 L36 116 Q12 116 12 92 Z" fill="none"/>
<g class="mark">
<path d="M36 42 L50 88 L64 58"/>
<path d="M64 68 L78 88 L92 42"/>
</g>
<path class="base" d="M42 102 L86 102"/>
</g>
<path class="rule" d="M92 22V58" fill="none" stroke-width="1"/>
<text class="wm" x="108" y="40" font-size="26" letter-spacing="3">&#x7EF4;&#x4F26;&#x5BB6;&#x5177;</text>
<text class="sub" x="110" y="58" font-size="10" letter-spacing="4.2">WEILUN FURNITURE</text>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 80" width="320" height="80" role="img" aria-label="WEILUN">
<title>WEILUN</title>
<style type="text/css"><![CDATA[
.ico .frame,.ico .inner,.ico .mark,.ico .base{fill:none;stroke:#9A6A3A;stroke-linecap:round;stroke-linejoin:miter}
.ico .frame{stroke-width:2.4;animation:breath 5.2s ease-in-out infinite}
.ico .inner{stroke-width:1;opacity:.48}
.ico .mark{stroke-width:3.3}
.ico .base{stroke-width:2;opacity:.8}
.wm{fill:#1C1915;font-family:'Source Han Serif SC','Noto Serif SC','Songti SC',STSong,serif}
.sub{fill:#6B6257;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}
.rule{stroke:#9A6A3A;opacity:.55}
.shine{stroke:#E0C49A;stroke-width:2;opacity:0;pointer-events:none}
svg:hover .shine{animation:shine-run .65s ease-out}
@keyframes breath{0%,100%{opacity:1}50%{opacity:.76}}
@keyframes shine-run{0%{opacity:0;stroke-dasharray:8 240;stroke-dashoffset:0}30%{opacity:.85}100%{opacity:0;stroke-dashoffset:-200}}
@media (prefers-reduced-motion:reduce){
.ico .frame,.shine{animation:none!important}
}
]]></style>
<g class="ico" transform="translate(4 8) scale(0.8125)">
<path class="frame" d="M12 36 L36 12 L92 12 Q116 12 116 36 L116 92 Q116 116 92 116 L36 116 Q12 116 12 92 Z"/>
<path class="inner" d="M20 38 L38 20 L90 20 Q108 20 108 38 L108 90 Q108 108 90 108 L38 108 Q20 108 20 90 Z"/>
<path class="shine" d="M12 36 L36 12 L92 12 Q116 12 116 36 L116 92 Q116 116 92 116 L36 116 Q12 116 12 92 Z" fill="none"/>
<g class="mark">
<path d="M36 42 L50 88 L64 58"/>
<path d="M64 68 L78 88 L92 42"/>
</g>
<path class="base" d="M42 102 L86 102"/>
</g>
<path class="rule" d="M92 22V58" fill="none" stroke-width="1"/>
<text class="wm" x="108" y="40" font-size="26" letter-spacing="3">&#x7EF4;&#x4F26;&#x5BB6;&#x5177;</text>
<text class="sub" x="110" y="58" font-size="10" letter-spacing="4.2">WEILUN FURNITURE</text>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" role="img" aria-label="WEILUN">
<title>WEILUN</title>
<style type="text/css"><![CDATA[
.frame,.inner,.mark,.base{fill:none;stroke:#9A6A3A;stroke-linecap:round;stroke-linejoin:miter}
.frame{stroke-width:2.4;animation:breath 5.2s ease-in-out infinite}
.inner{stroke-width:1;opacity:.48}
.mark{stroke-width:3.3}
.base{stroke-width:2;opacity:.8}
@keyframes breath{0%,100%{opacity:1}50%{opacity:.76}}
@media (prefers-reduced-motion:reduce){
.frame{animation:none}
}
]]></style>
<path class="frame" d="M12 36 L36 12 L92 12 Q116 12 116 36 L116 92 Q116 116 92 116 L36 116 Q12 116 12 92 Z"/>
<path class="inner" d="M20 38 L38 20 L90 20 Q108 20 108 38 L108 90 Q108 108 90 108 L38 108 Q20 108 20 90 Z"/>
<g class="mark">
<path d="M36 42 L50 88 L64 58"/>
<path d="M64 68 L78 88 L92 42"/>
</g>
<path class="base" d="M42 102 L86 102"/>
</svg>

After

Width:  |  Height:  |  Size: 1017 B