직접 만든 디자인 방향 48개와 실제 웹사이트 관찰 레퍼런스 520개, 실무형 UX 가이드, 인터랙티브 도구와 AI용 프론트엔드 프롬프트를 제공합니다.
스타일 비교와 디자인 편집에는 JavaScript가 필요합니다. 아래에서 스타일 설명을 읽고 기본 스타일 데이터를 내려받을 수 있습니다.
- Brutalist Grid
굵고 투박한 선, 구조적인 타이포 블록 시스템.
스타일 데이터 내려받기
- Editorial Silence
잡지형 타이포그래피와 여백을 살린 절제미.
스타일 데이터 내려받기
- Kinetic Pop
강렬한 컬러 대비와 리듬감 있는 모션 중심.
스타일 데이터 내려받기
- Cyberpunk Glitch
네온 대비와 모노스페이스, 글리치가 결합된 터미널 룩.
스타일 데이터 내려받기
- Swiss Poster
격자 시스템과 정렬 중심의 정보 지향적 스타일.
스타일 데이터 내려받기
- Quiet Utility
흰 캔버스와 옅은 슬레이트 패널, 절제된 타이포, 정교한 간격으로 만든 차분한 실무형 SaaS 스타일.
스타일 데이터 내려받기
- Platform Core
다크와 라이트를 모두 다듬은 실제 서비스형 플랫폼 스타일. 가운데 정렬한 인증 화면과 절제된 문서 카드가 핵심입니다.
스타일 데이터 내려받기
- Runtime Signal
희미한 그리드 선과 선명한 그로테스크 타이포, 모노 유틸리티 라벨, 절제된 미네랄 틸 포인트 색을 갖춘 다크 기술 레퍼런스 스타일.
스타일 데이터 내려받기
- Holographic Fluid
홀로그래픽 매시 그라데이션과 몽환적인 유체 모션.
스타일 데이터 내려받기
- Neon Drift
야간 도시, 네온, 글로우 중심의 역동적 스타일.
스타일 데이터 내려받기
- Glass Orbit
투명 레이어 중첩과 깊이감을 살린 3D 배경 글래스모피즘.
스타일 데이터 내려받기
- Terminal Core
모노스페이스 폰트와 개발자 콘솔 내러티브.
스타일 데이터 내려받기
- Midnight Noir
압도적인 다크 럭셔리와 세밀한 골드/은빛 포인트.
스타일 데이터 내려받기
- Console Launch
다크 온보딩 방식의 인터랙티브 커서와 패널.
스타일 데이터 내려받기
- Bento Bloom
부드러운 파스텔 톤과 애플 감성의 벤토 구조.
스타일 데이터 내려받기
- Earth Atelier
자연의 질감과 뉴트럴 감성 기반의 레이아웃.
스타일 데이터 내려받기
- Liquid Metal
크롬과 메탈릭 질감의 반사 효과, 모노크롬 실버 팔레트.
스타일 데이터 내려받기
- Aurora Gradient
오로라처럼 유기적으로 흐르는 다중 컬러 블러 그라데이션 배경.
스타일 데이터 내려받기
- Zen Minimalism
극도의 여백과 세리프 폰트로 본질에 집중하는 스타일.
스타일 데이터 내려받기
- Mono Type
오직 타이포그래피의 크기와 무게로만 위계를 만드는 모노크롬 스타일.
스타일 데이터 내려받기
- Duotone Bold
대담한 타이포그래피와 생동감 있는 그라데이션의 고대비 듀오톤 카드.
스타일 데이터 내려받기
- Mesh Gradient
Apple 스타일 다중 포인트 메시 그라데이션, 밝고 세련된 느낌.
스타일 데이터 내려받기
- Framer Motion
그라데이션 텍스트, 글로우 보더, 등장 애니메이션의 모션 중심 SaaS 랜딩.
스타일 데이터 내려받기
- Claymorphism
포근하고 푹신한 더블 그림자 기반의 친화형 웹 구조.
스타일 데이터 내려받기
- Neumorphism
배경과 통일된 컬러 위에서 빛과 그림자 양각만으로 승부하는 룩.
스타일 데이터 내려받기
- Soft Pastel
울트라 소프트 파스텔 톤과 둥근 필 형태의 따뜻한 인터페이스.
스타일 데이터 내려받기
- Notion Style
사이드바와 블록 기반 콘텐츠, 미니멀 크롬의 깔끔한 생산성 UI.
스타일 데이터 내려받기
- Retro Pixel
게임보이 컬러와 RPG 스타일 UI 요소의 8비트 픽셀 아트 감성.
스타일 데이터 내려받기
- Windows 98
베벨 크롬, 틸 데스크톱, 클래식 윈도우 컴포넌트의 깔끔한 레트로 UI.
스타일 데이터 내려받기
- Risograph Print
제한된 스팟 컬러와 하프톤 도트, 콩기름 잉크 특유의 매력적인 판 어긋남이 만드는 질감 있는 인쇄 감성.
스타일 데이터 내려받기
- Paper Cut
종이를 겹겹이 잘라 붙여 만든 입체적 깊이감, 플랫한 매트 컬러와 손에 잡힐 듯한 그림자의 공예 미학.
스타일 데이터 내려받기
- macOS Liquid Glass
macOS 26에서 영감을 받은 반투명 데스크톱 UI. 레이어드 글래스 컨트롤, 윈도우, 시트, Dock 크롬을 다룹니다.
스타일 데이터 내려받기
- Neon x Swiss
네온의 에너지와 스위스식 정렬이 어우러진 조합.
스타일 데이터 내려받기
- Product x Swiss
스위스 그리드의 정밀함에 협업 제품 그래픽의 경쾌함을 얹은 선명한 프로덕트 마케팅 캔버스.
스타일 데이터 내려받기
- Bento x Noir
효율적인 벤토 구조에 다크 럭셔리를 얹어낸 프리미엄 룩.
스타일 데이터 내려받기
- Editorial x Terminal
에디토리얼 가독성과 기술 로그 감성의 조화.
스타일 데이터 내려받기
- Holo x Glass
몽환적인 유기적 배경에 투명한 입체감을 얹은 프리미엄 글래스모피즘.
스타일 데이터 내려받기
- Kinetic x Brutal
강렬한 원색 팝아트와 두꺼운 테두리, 파괴적인 와이어프레임.
스타일 데이터 내려받기
- Cyber x Console
해커 콘솔 감성에 사이버펑크 네온 글리치를 결합했습니다.
스타일 데이터 내려받기
- Analog Press
필름 그레인 암실 감성과 타자기 원고의 만남 — 빈티지 인쇄소의 따뜻함.
스타일 데이터 내려받기
- Clay Aurora
부풀린 3D 클레이 요소가 몽환적인 오로라 그라데이션 위를 떠다니는 스타일.
스타일 데이터 내려받기
- Floppy.exe
베벨 윈도우를 열면 그 안에 인광 터미널이 살아 있는 Win98 데스크톱. Y2k 크롬과 개발자 콘솔이 만났습니다.
스타일 데이터 내려받기
- Noir Metal
시네마틱한 검정과 단 하나의 호박색 빛. Midnight Noir × Liquid Metal.
스타일 데이터 내려받기
- Strict Console
B2B SaaS 랜딩을 솔라리 스플릿플랩 출발 안내판으로 재구성 — 기계식, 진짜 검정, 앰버 포인트 색.
스타일 데이터 내려받기
- Quiet Manifesto
제도사의 도면 시트처럼 그려낸 디자인 스튜디오 선언문.
스타일 데이터 내려받기
- Pure Noir
진짜 검정과 무채색만으로 만든 Linear급 SaaS 마케팅 랜딩. 위계는 오직 타이포그래피로 잡습니다.
스타일 데이터 내려받기
- Soft Inflate
조용한 흰 페이지. 부드럽게 부푼 사물들의 사진 — 풍선, 천, 하늘 — 이 떠오르거나 가라앉는 표면 위에 놓입니다. 하늘색은 단 네 번만 등장합니다.
스타일 데이터 내려받기
- Studio Pixel
깔끔한 스튜디오 타이포 위에 픽셀 라벨과 비뚤어진 서비스 티켓 보드를 얹은 스튜디오용 랜딩 스타일.
스타일 데이터 내려받기