웹 디자인
도감.

Skeuomorphism

금속 다이얼과 눈금 · 빛을 받는 재질 · 물리 조작부를 닮은 형태

Flat Design

명료한 단색 면 · 단순한 도형과 아이콘 · 선택 상태에만 쓰는 얕은 그림자

Neumorphism

바탕과 같은 표면색 · 밝고 어두운 양방향 그림자 · 솟은 버튼과 들어간 조절부

Glassmorphism

서리 낀 반투명 패널 · 겹친 면의 밝은 테두리 · 절제된 배경 위의 흐림과 깊이

Liquid Glass

두꺼운 투명 굴절 테두리 · 유리 뒤에서 휘어 보이는 격자 · 볼록한 렌즈형 조작부

Claymorphism

둥글고 두툼한 부피 · 점토 같은 부드러운 음영 · 배경에서 분리된 실루엣

Aurora UI / Mesh Gradient

여러 색이 넓게 번지는 배경 · 매끈한 색의 연결 · 글자 뒤에 남긴 차분한 공간

Minimalism

넓은 여백 · 적은 요소와 명확한 위계 · 핵심 행동에 모이는 시선

Swiss / International Typographic Style

일관된 정렬선 · 비대칭 그리드 · 굵기와 크기로 나눈 타이포그래피

Editorial Design

큰 표제와 세리프 글자 · 본문·인용·캡션의 읽는 리듬 · 잡지처럼 나눈 단과 이미지

Web Brutalism

기본 글꼴과 노출된 구조 · 장식을 줄인 단순한 문서 · 링크와 구획의 거친 경계

Neobrutalism

굵은 검정 테두리 · 번짐 없는 단단한 그림자 · 명료한 색 면과 큰 버튼

Anti-design

정렬을 벗어나는 제목 · 일부러 겹친 요소 · 예상 밖의 비대칭 배치

Maximalism

큰 글자와 여러 색 · 겹겹이 쌓인 이미지 · 높은 정보 밀도와 반복

Memphis

지그재그·점·기하 패턴 · 장난감 같은 색 조합 · 규칙에서 조금씩 벗어난 배치

Art Deco

대칭으로 펼친 기하 장식 · 가늘고 긴 글자 · 금속색 선과 단계형 테두리

Bauhaus-inspired Design

원색과 흑백의 비대칭 편집 · 건축 이미지와 큰 글자의 결합 · 원·직선·면이 이어지는 모듈

Y2K Aesthetic

크롬처럼 반짝이는 오브젝트 · 산성색과 디지털 광택 · 별·궤도·미래적인 글자

Frutiger Aero

하늘·물·초록의 조합 · 매끈한 구와 유광 패널 · 깨끗한 디지털 자연의 인상

Early Web / Retro Computing

창 테두리와 메뉴 표시줄 · 문서형 링크 목록 · 픽셀 아이콘과 초기 웹의 밀도

Collage / Scrapbook

찢은 종이의 가장자리 · 겹친 사진과 테이프 · 크기가 다른 조각의 편집

Hand-drawn / Doodle

조금씩 흔들리는 선 · 손으로 쓴 듯한 표시 · 화살표와 낙서의 안내

Organic / Nature-inspired

흙·잎·물에서 온 색 · 불규칙하고 유연한 곡선 · 자연물과 넓은 여백

Surreal / Hyperreal

현실에 없는 크기와 위치 · 정교한 빛과 그림자 · 익숙한 사물의 낯선 결합

Cinematic / Photography-led

해안 장면의 영화식 빛과 구도 · 젖은 바위와 안개의 사진적 질감 · 장면을 이어 보여주는 필름 스트립

Pixel Art

격자 단위로 만든 형태 · 계단처럼 꺾이는 윤곽 · 제한된 색과 픽셀 글자

ASCII Art

문자만으로 구성한 그림 · 일정한 글자 간격 · 명암을 만드는 문자의 밀도

Dopamine Color / Color Blocking

높은 채도의 넓은 색 면 · 대담한 보색 조합 · 색 블록으로 나눈 정보

Duotone

두 색으로 나뉜 명암 · 사진과 글자의 일관된 팔레트 · 큰 색 대비와 단순한 구성

Halftone / Print Texture

촘촘하거나 넓어지는 인쇄 점 · 어긋난 잉크의 흔적 · 종이 인쇄물 같은 거친 질감

Cyberpunk

각진 노란 패널 · 청록빛 도시와 검은 바탕 · 산업적 표식과 압축된 제목

Sci-fi HUD / FUI

중앙의 선형 궤도 모형 · 원형 눈금과 좌표 · 정렬된 보조 계기 패널

Synthwave / Retrofuturism

분할된 석양과 보라색 밤 · 빛나는 크롬 제목 · 신시사이저와 네온 원근선

Holographic / Iridescent

접힌 필름의 무지갯빛 반사 · 굴곡에 따라 달라지는 색 · 표면을 확대해 보여주는 사진형 타일

Chrome / Liquid Metal

거울처럼 반사되는 입체 글자 · 밝은 반사면과 깊은 검정 · 거울·브러시·용융 금속의 대비

Glitch / Digital Noise

가로로 잘려 이동한 이미지 · 빨강·청록 채널 어긋남 · 입자와 스캔라인의 흔적

Terminal / Retro Computing

고정폭 글자의 정보 열 · 선 문자로 나눈 패널 · 검은 바탕과 인광색 상태 표시

Dark Tech / Precision Glow

낮은 채도의 검정·청회색 · 얇은 패널 경계와 푸른 가장자리 빛 · 정돈된 제품 화면과 넓은 여백

Oversized Typography

화면을 채우는 한글 제목 · 검정·주황·크림의 면 대비 · 글자의 크기와 잘림으로 만든 구도

Isometric Illustration

같은 방향으로 정렬한 건물 축 · 단면처럼 열린 작은 학습 공간 · 계단과 연결 통로의 관계

Risograph / Spot-color Print

빨강·파랑 별색의 겹침 · 종이 섬유와 거친 잉크 입자 · 색판이 살짝 어긋난 글자와 꽃

Y3K / Cyber-organic

유기적으로 뻗는 크롬 조형물 · 진주색·반투명 표면 · 비현실적인 백색 미래 공간