ํด@ํด๋ก๋ํ
์คํธ
ํ ์คํธ ์ ์ฉ ๊ธ ํ ์คํธ์ ๋๋ค
์ฌ์ง ์์ด ๊ธ๋ง ์ฌ๋ผ๊ฐ๋์ง ํ์ธํด๋ณด๋ ์ค์ด์์ ๐ง
1๋ช
์ด ๊ท์ฌ์ํด์
LovePenguin ์คํ์ผ ๊ฐ์ด๋
ํฉ์ ํญ๊ท๊ณผ ํญ๊ท ๋ณดํธ๋ฅผ ์ํ ์ปค๋ฎค๋ํฐ ํ๋ซํผ์ ๋์์ธ ํ ํฐ๊ณผ ์ฌ์ฌ์ฉ ์ปดํฌ๋ํธ๋ฅผ ํ๊ณณ์ ๋ชจ์์ต๋๋ค. ๋ฐ๋ปํ๊ณ , ๊น๋ํ๊ณ , ํ๋์ ์ธ ๋ถ์๊ธฐ.
Tokens
์ปฌ๋ฌ ํ๋ ํธ
๋ฅ ์ค์ ๋ธ๋ฃจ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํฉ์ ํญ๊ท์ ๋ ธ๋๋น ํฌ์ธํธ์ ์์ด์ค ๋ธ๋ฃจ ํค์ ์กฐํฉํ์ต๋๋ค.
#1A2B4C
Primary / Ocean
#FFC107
Accent / Yellow
#FFFFFF
Background
#F0F7FF
Ice Blue
#0D1B2A
Dark Surface
#5A7A9A
Text Secondary
Tokens
ํ์ดํฌ๊ทธ๋ํผ
์ ๋ชฉ์ ๊ตต๊ณ ํฐ ๋ฅ ๋ธ๋ฃจ, ๋ณธ๋ฌธ์ ๊ฐ๋ ์ฑ ๋์ ์ฐ์ธ๋ฆฌํ, ๊ฐ์กฐ ๋ผ๋ฒจ์ ๋๋ฌธ์ ๋ ธ๋์.
Display / 48px Boldํฉ์ ํญ๊ท์ ์ง์ผ์
Heading / 32px Boldํจ๊ปํ๋ ๋ณดํธ ํ๋
Subheading / 20px Semibold๋จ๊ทน์ ์์ ์์
๋ค
Body / 16px Regular๊ณ ํ์ง๋ก ๋ง๋๋ ํฉ์ ํญ๊ท์ ์ผ์๊ณผ ๋ณดํธ ์์์ ๊ณต์ ํ๋ ์ปค๋ฎค๋ํฐ์
๋๋ค.
Caption / 14px2026๋
๋จ๊ทน ํ์ฌ๋ ๊ธฐ๋ก
Components
YellowButton
๋ฅ๊ทผ ์์ฝ ํํ์ CTA ๋ฒํผ. ํธ๋ฒ ์ ์ด์ง ์ปค์ง๋ ์ธํฐ๋์ ์ด ๋ค์ด๊ฐ๋๋ค.
Components
SectionHeader
์์ ๋ ธ๋ ๋ฐ์ค ์ก์ผํธ์ ํจ๊ป ์ ๋ชฉ์ ๊ฐ์กฐํ๋ ์น์ ํค๋์ ๋๋ค.
Conservation
์ข์ธก ์ ๋ ฌ ํค๋
๊ธฐ๋ณธํ. ๋ณธ๋ฌธ ์ฝํ ์ธ ์์ ๋ฐฐ์นํ๊ธฐ ์ข์ต๋๋ค.
Community
๊ฐ์ด๋ฐ ์ ๋ ฌ ํค๋
ํ์ด๋ก๋ ๊ฐ์กฐ ์น์ ์ ์ด์ธ๋ฆฌ๋ ์ค์ ์ ๋ ฌํ.
Community
PenguinCard Feed
๋ฅ๊ทผ ๋ชจ์๋ฆฌ์ ๋ถ๋๋ฌ์ด ๊ทธ๋ฆผ์, ๊ท์ฌ์์ ํํธ ๋ฒํผ์ด ๋ด๊ธด ์ด๋ฏธ์ง ์นด๋์ ๋๋ค.
Surface
๋คํฌ ์บ ํ์ธ ์ํผ์ค
๋ณดํธ ์บ ํ์ธ ํ์ด์ง์ ์ฌ์ฉํ๋ ๋คํฌ ์ํผ์ค(#0D1B2A) ๋ฏธ๋ฆฌ๋ณด๊ธฐ.
Save the Emperor
๊ธฐํ ๋ณํ๋ก ์ฌ๋ผ์ง๋ ํฉ์ ํญ๊ท์ ๋ณด๊ธ์๋ฆฌ
์ฌ๋ฌ๋ถ์ ์์ ํ์์ด ๋จ๊ทน์ ํฉ์ ํญ๊ท์๊ฒ ํฐ ํ์ด ๋ฉ๋๋ค. ํจ๊ป ๋ณด๊ธ์๋ฆฌ๋ฅผ ์ง์ผ์ฃผ์ธ์.