kisa 퍼블리싱 스타일가이드 - 다크, 라이트모드 (html, scss)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

45 lines
4.5 KiB

<svg width="403" height="120" viewBox="0 0 403 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M135.158 35.4691V117.49H117.324V35.4691H135.158ZM135.758 75.9351L167.65 35.4691H190.945L156.187 75.9351L189.299 117.49H165.946L135.758 75.9351Z" fill="white"/>
<path d="M199.62 117.509V35.4691H217.454V117.49H199.62V117.509Z" fill="white"/>
<path d="M234.126 117.509V102.97H272.118C278.237 102.97 282.342 102.378 284.356 101.136C287.299 99.3971 288.771 96.7987 288.771 93.2832C288.771 89.271 287.047 86.3287 283.639 84.4563C281.664 83.4246 278.547 82.8706 274.267 82.8706H258.834C249.424 82.8706 242.666 81.1892 238.502 77.8648C235.927 75.7441 233.894 73.0693 232.442 69.8595C230.97 66.6306 230.253 63.2298 230.253 59.5806C230.253 53.8297 231.957 48.5947 235.365 43.8374C238.696 39.252 244.04 36.5772 251.36 35.813C253.839 35.5646 257.537 35.4691 262.436 35.4691H303.72V49.9895H266.464C260.926 50.0277 257.247 50.2761 255.426 50.7155C251.709 51.6135 249.85 54.422 249.85 59.0456C249.85 62.9623 251.399 65.618 254.516 66.9745C256.608 67.8916 260.093 68.3501 264.953 68.3501H278.295C285.13 68.3501 290.204 68.9424 293.592 70.1079C299.46 72.0567 303.507 75.5148 305.695 80.4632C307.496 84.4372 308.386 88.6978 308.386 93.2259C308.386 98.2125 307.225 102.683 304.92 106.657C301.667 112.293 296.768 115.656 290.243 116.726C287.086 117.242 282.323 117.49 275.991 117.49H234.146L234.126 117.509Z" fill="white"/>
<path d="M365.916 35.4691H345.507L311.059 117.509H331.855L355.731 55.1289L379.568 117.509H400.365L365.916 35.4691Z" fill="white"/>
<path d="M43.4301 58.1095L65.0595 83.1763C65.1951 83.3482 65.3113 83.5202 65.4468 83.673L89.9614 111.816C94.2989 116.764 92.4206 120.433 85.8175 119.955L71.6239 118.942C65.0208 118.465 56.0554 114.032 51.7372 109.103L27.242 80.9409C22.9045 75.9925 23.4467 68.4457 28.4619 64.166L36.9433 56.9249C39.6348 55.4155 42.0166 56.409 43.4495 58.0903L43.4301 58.1095Z" fill="url(#paint0_linear_302_12263)"/>
<path d="M96.6613 41.2963L66.6861 66.8981C61.8258 71.044 61.1868 78.2278 65.0596 83.1762L43.4302 58.1094C41.9973 56.4281 39.6155 55.4346 36.924 56.9439L58.4372 38.5833C63.4524 34.3036 72.96 31.1893 79.5631 31.667L93.7568 32.6796C100.36 33.1572 101.677 37.0357 96.6613 41.3154V41.2963Z" fill="url(#paint1_linear_302_12263)"/>
<path d="M38.9184 43.6463L24.1051 26.5657C27.1645 30.043 26.7773 35.3544 23.2531 38.354L2.14649 56.3899C-1.37773 59.3895 -0.467628 62.1216 4.17969 62.4655L14.1714 63.1725C18.8187 63.4972 25.4993 61.3001 29.0235 58.3005L45.5408 44.0475C43.8755 45.4614 40.0608 44.9837 38.899 43.6654L38.9184 43.6463Z" fill="url(#paint2_linear_302_12263)"/>
<path d="M50.9821 28.4763L32.7414 7.67011C29.6819 4.19285 23.3886 1.07861 18.7413 0.753807L8.7496 0.0277866C4.10229 -0.297012 2.78555 2.26316 5.84503 5.74042L24.0857 26.5466L38.7054 43.4362C40.4869 45.4614 43.8756 45.4232 45.5602 44.0093L50.1301 40.2455C53.6543 37.2459 54.0416 31.9345 51.0014 28.4572L50.9821 28.4763Z" fill="url(#paint3_linear_302_12263)"/>
<defs>
<linearGradient id="paint0_linear_302_12263" x1="32.6289" y1="66.9902" x2="99.0395" y2="143.381" gradientUnits="userSpaceOnUse">
<stop stop-color="#8DC63F"/>
<stop offset="0.24" stop-color="#8AC23D"/>
<stop offset="0.45" stop-color="#81B739"/>
<stop offset="0.65" stop-color="#73A533"/>
<stop offset="0.85" stop-color="#5F8C29"/>
<stop offset="0.93" stop-color="#558025"/>
</linearGradient>
<linearGradient id="paint1_linear_302_12263" x1="93.3053" y1="30.9575" x2="50.6714" y2="71.3363" gradientUnits="userSpaceOnUse">
<stop stop-color="#8DC63F"/>
<stop offset="0.45" stop-color="#8BC43E"/>
<stop offset="0.62" stop-color="#86BD3B"/>
<stop offset="0.73" stop-color="#7CB137"/>
<stop offset="0.83" stop-color="#6FA031"/>
<stop offset="0.91" stop-color="#5D8A29"/>
<stop offset="0.94" stop-color="#558025"/>
</linearGradient>
<linearGradient id="paint2_linear_302_12263" x1="7.45218" y1="58.7399" x2="34.5368" y2="34.9949" gradientUnits="userSpaceOnUse">
<stop stop-color="#005BAA"/>
<stop offset="0.27" stop-color="#0058A6"/>
<stop offset="0.5" stop-color="#00519B"/>
<stop offset="0.72" stop-color="#004589"/>
<stop offset="0.93" stop-color="#003570"/>
<stop offset="1" stop-color="#002F67"/>
</linearGradient>
<linearGradient id="paint3_linear_302_12263" x1="49.3168" y1="40.9524" x2="11.731" y2="-2.70714" gradientUnits="userSpaceOnUse">
<stop stop-color="#005BAA"/>
<stop offset="0.27" stop-color="#0058A6"/>
<stop offset="0.5" stop-color="#00519B"/>
<stop offset="0.72" stop-color="#004589"/>
<stop offset="0.93" stop-color="#003570"/>
<stop offset="1" stop-color="#002F67"/>
</linearGradient>
</defs>
</svg>