FLAM-ING web-designs

🦩 ν”ŒλΌλ°κ³  μœ„ν‚€ λ””μžμΈ μ•„μΉ΄μ΄λΈŒ

λ™μΌν•œ μ½˜ν…μΈ λ₯Ό 담은 12가지 독창적인 μΈν„°λž™ν‹°λΈŒ μ›Ή λ””μžμΈ μ‹œμ•ˆ μ»¬λ ‰μ…˜μž…λ‹ˆλ‹€. 쒅이 ν•„λ“œ 저널뢀터 ν˜„λŒ€μ  닀크 λ²€ν† , Zμ„ΈλŒ€ Y2K λ„νŒŒλ―Ό λ ˆμ΄μ•„μ›ƒκΉŒμ§€ λ‹€μ–‘ν•œ μŠ€νƒ€μΌμ˜ 토큰과 감성을 ν•œλˆˆμ— 비ꡐ해 λ³΄μ„Έμš”.

fig. 01
홍학
1a 에디토리얼

ν•„λ“œ 저널 (Field Journal)

λ‚΄μ…”λ„μ§€μ˜€κ·Έλž˜ν”½ μŠ€νƒ€μΌμ˜ ν΄λž˜μ‹ μžμ—° μž‘μ§€ 감성. μ°¨λΆ„ν•œ 크림색 쒅이 ν…μŠ€μ²˜ 톀에 세리프 ν°νŠΈμ™€ ν¬λ‘­λ“œ 엠보싱 단어가 μ‘°ν™”λ₯Ό μ΄λ£Ήλ‹ˆλ‹€.

Noto Serif KR
μ‹œμ•ˆ κ°μƒν•˜κΈ° β†—
flamingo
1b 맀거진 컀버

컀버 μŠ€ν† λ¦¬ (Cover Story)

λŒ€λ‹΄ν•œ 맀거진 ν‘œμ§€ λ ˆμ΄μ•„μ›ƒ. λ„νŒŒλ―Όμ„ μžκ·Ήν•˜λŠ” ν™”μ‚¬ν•œ 핑크 배경에 극단적인 크기의 이타릭체 νƒ€μ΄ν¬κ·Έλž˜ν”Όκ°€ μ˜€λ²„λž©λ˜λŠ” κ΅¬μ‘°μž…λ‹ˆλ‹€.

Instrument Serif
μ‹œμ•ˆ κ°μƒν•˜κΈ° β†—
홍학 [η΄…ιΆ΄]
1c 백과사전

홍학 μ†Œλ°±κ³Ό (Encyclopedia)

예슀러운 κ³ μ „ ν•œκΈ€ 사전 사전뢀λ₯Ό μ˜€λ§ˆμ£Όν•œ λ ˆμ΄μ•„μ›ƒ. μœ„νŠΈ μžˆλŠ” μ—¬λ°±μ˜ 주석 블둝듀과 이쀑 ν…Œλ‘λ¦¬, λΉˆν‹°μ§€ν•œ 폰트 μ‘°ν•©μœΌλ‘œ 학ꡬ적인 λ¬΄κ²Œκ°μ„ μ„ μ‚¬ν•©λ‹ˆλ‹€.

Gowun Batang
μ‹œμ•ˆ κ°μƒν•˜κΈ° β†—
DOC.001
2a λΈŒλ£¨νƒˆλ¦¬μ¦˜

인덱슀 λΈŒλ£¨νƒˆλ¦¬μ¦˜ (Brutalism)

μ›μ‹œμ  HTML λ§ˆν¬μ—… 감성과 λͺ¨λ…ΈμŠ€νŽ˜μ΄μŠ€ 폰트. 극단적인 1px λΈ”λž™ 보더와 μ™€μ΄μ–΄ν”„λ ˆμž„ ν˜•νƒœμ˜ 둜우(Raw) 데이터 디렉토리 트리 ꡬ쑰λ₯Ό λ³΄μ—¬μ€λ‹ˆλ‹€.

IBM Plex Mono
μ‹œμ•ˆ κ°μƒν•˜κΈ° β†—
Bento Grid
2b 닀크 λ²€ν† 

닀크 λ²€ν†  (Dark Bento Grid)

ν…Œν¬ ν•˜λ“œμ›¨μ–΄ λžœλ”© νŽ˜μ΄μ§€μ—μ„œ μ˜κ°μ„ 얻은 닀크 λͺ¨λ“œ λ²€ν†  κ·Έλ¦¬λ“œ. κ·ΈλΌλ°μ΄μ…˜ 광원(Glow) νš¨κ³Όμ™€ μž…μ²΄μ μΈ μΉ΄λ“œ 블둝, 데이터 λŒ€μ‹œλ³΄λ“œ μœ„μ ―μ΄ νŠΉμ§•μž…λ‹ˆλ‹€.

Pretendard
μ‹œμ•ˆ κ°μƒν•˜κΈ° β†—
β˜…β˜…β˜…
핑크.wiki
2c Y2K λ„νŒŒλ―Ό

Y2K λ„νŒŒλ―Ό (Dopamine Pop)

Zμ„ΈλŒ€ μ·¨ν–₯의 고채도 λ§₯μ‹œλ©€λ¦¬μ¦˜ 슀트리트 감성. λŠμž„μ—†μ΄ 흐λ₯΄λŠ” 티컀(Marquee), λ§Œν™”ν’μ˜ ꡡ은 그림자 μŠ€ν‹°μ»€, κ°œμ„± μžˆλŠ” λ³Όλ“œ ν°νŠΈλ“€μ΄ μ‘°ν™”λ₯Ό μ΄λ£Ήλ‹ˆλ‹€.

Black Han Sans
μ‹œμ•ˆ κ°μƒν•˜κΈ° β†—
🦩 OASIS
3a κΈ€λž˜μŠ€λͺ¨ν”Όμ¦˜

μ˜€μ•„μ‹œμŠ€ (Glassmorphism Oasis)

μ• ν”Œ μŠ€νƒ€μΌμ˜ μ„Έλ ¨λœ κΈ€λž˜μŠ€λͺ¨ν”Όμ¦˜. μ—΄λŒ€ μ„ν˜Έ μœ„μ— λ–  μžˆλŠ” 반투λͺ… μΉ΄λ“œμ™€ λͺ½ν™˜μ μΈ λ„€μ˜¨ μ‘°λͺ…, μ •λ°€ν•œ 아웃라인 μš”μ†Œλ₯Ό μœ΅ν•©ν–ˆμŠ΅λ‹ˆλ‹€.

Outfit
μ‹œμ•ˆ κ°μƒν•˜κΈ° β†—
F
3b λŸ­μ…”λ¦¬ λ―Έλ‹ˆλ©€

λ―Έλ‹ˆλ©€ 에디토리얼 (Minimalist)

λͺ…ν’ˆ λΈŒλžœλ“œ λΉ„μ£Όμ–Ό ν˜•νƒœμ˜ ν•˜μ΄μ—”λ“œ λ―Έλ‹ˆλ©€λ¦¬μ¦˜. 암흑 속에 단 ν•˜λ‚˜μ˜ μ„ λͺ…ν•œ 핑크 λ„νŠΈλ₯Ό λ°°μΉ˜ν•˜μ—¬ 극단적인 κΈ΄μž₯감과 μ„Έλ ¨λ―Έλ₯Ό λ‹λ³΄μ΄κ²Œ ν•©λ‹ˆλ‹€.

Playfair Display
μ‹œμ•ˆ κ°μƒν•˜κΈ° β†—
ARCADE
INSERT COIN
3c 8λΉ„νŠΈ 레트둜

레트둜 μ•„μΌ€μ΄λ“œ (Arcade Terminal)

80λ…„λŒ€ μ˜€λ½μ‹€ κ°μ„±μ˜ μ‹ μŠ€μ›¨μ΄λΈŒ 터미널. CRT ν™”λ©΄ μŠ€μΊ”λΌμΈ 격자 필터와 λ²ˆμ©μ΄λŠ” λΉ„νŠΈ 폰트, 레트둜 chiptune 음ν–₯ λ²„νŠΌμ΄ 재미λ₯Ό λΆ€μ—¬ν•©λ‹ˆλ‹€.

Press Start 2P
μ‹œμ•ˆ κ°μƒν•˜κΈ° β†—
CYBER_NET
4a μ‚¬μ΄λ²„νŽ‘ν¬

사이버 λ„€μ˜¨ (Cyberpunk Neon)

λ„€μ˜¨ κ·Έλ¦°κ³Ό λ§ˆμ  νƒ€ 핑크가 λŒ€μ‘°λ˜λŠ” ν•˜μ΄ν…Œν¬ 터미널. SF 세계관 λŠλ‚Œμ˜ μƒνƒœ ν‘œμ‹œ λž¨ν”„μ™€ 디지털 격자(Grid) μŠ€μΊ”λΌμΈ 배경이 κΈ΄μž₯감을 λ”ν•©λ‹ˆλ‹€.

Share Tech Mono
μ‹œμ•ˆ κ°μƒν•˜κΈ° β†—
nordic
4b 뢁유럽 νŒŒμŠ€ν…”

뢁유럽 νŒŒμŠ€ν…” (Nordic Pastel)

λ”μŠ€ν‹° λ‘œμ¦ˆμ™€ μ—°ν•œ 세이지 그린의 유기적인 λ§Œλ‚¨. λͺ¨λ˜ν•˜κ³  ν¬κ·Όν•œ μŠ€μΉΈλ””λ‚˜λΉ„μ•ˆ κ°μ„±μ˜ λ―Έλ‹ˆλ©€ λ ˆμ΄μ•„μ›ƒκ³Ό λΌμš΄λ“œ λ””ν…ŒμΌμ΄ νŽΈμ•ˆν•¨μ„ μ€λ‹ˆλ‹€.

Outfit
μ‹œμ•ˆ κ°μƒν•˜κΈ° β†—
FL.
4c μŠ€μœ„μŠ€ μŠ€νƒ€μΌ

μŠ€μœ„μŠ€ 타이포 (Swiss International)

μŠ€μœ„μŠ€ ꡭ제 μŠ€νƒ€μΌμ˜ λΉ„λŒ€μΉ­ λ ˆμ΄μ•„μ›ƒ. κ·Ήλ„μ˜ μ ˆμ œλ―Έμ™€ λ³Όλ“œν•œ 흑백 λŒ€λΉ„, 단 ν•˜λ‚˜μ˜ λ‹¨λ‹¨ν•œ λ ˆλ“œ 아크 포인트둜 κ°•λ ₯ν•œ λ ˆμ΄μ•„μ›ƒ μ§ˆμ„œλ₯Ό ν™•λ¦½ν•©λ‹ˆλ‹€.

Space Grotesk
μ‹œμ•ˆ κ°μƒν•˜κΈ° β†—