初始化
缺陷:主题配色需要优化整体的同风格
11
apps/web-antd/public/brand/brm-favicon.svg
Normal 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 |
29
apps/web-antd/public/brand/brm-logo-dark.svg
Normal 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 |
41
apps/web-antd/public/brand/brm-logo-horizontal-dark.svg
Normal 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">佛山铂尔曼</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 |
34
apps/web-antd/public/brand/brm-logo-horizontal.svg
Normal 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">佛山铂尔曼</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 |
22
apps/web-antd/public/brand/brm-logo.svg
Normal 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 |
10
apps/web-antd/public/brand/wl-favicon.svg
Normal 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 |
29
apps/web-antd/public/brand/wl-logo-dark.svg
Normal 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 |
41
apps/web-antd/public/brand/wl-logo-horizontal-dark.svg
Normal 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">维伦家具</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 |
34
apps/web-antd/public/brand/wl-logo-horizontal.svg
Normal 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">维伦家具</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 |
22
apps/web-antd/public/brand/wl-logo.svg
Normal 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 |