소셜 오브 복숭아.

UI 스타일 레퍼런스38개

화면의 분위기에도 이름이 있습니다. “요즘 느낌으로 세련되게”보다 “글래스모피즘” 한 단어가 AI 에게 훨씬 정확하게 전달됩니다. 같은 화면을 스타일만 바꿔 비교하고, 이름이 든 요청 문장을 복사해 붙여 넣으세요.

받는 쪽 · 코딩 AI · 디자인 생성 AI

평면 계열

  • 플랫

    Flat design

    그림자 · 입체감 없이 단색 면과 선명한 색으로만 그린다

  • 머티리얼

    Material design

    종이 같은 면이 높이에 따라 그림자를 갖고, 진한 색 상단 바가 놓인다

  • 미니멀

    Minimalist UI

    흑백과 넓은 여백, 가는 선 하나로 정리한다

  • 스위스 스타일

    Swiss style (International Typographic Style)

    굵은 산세리프 · 엄격한 격자 · 빨강 하나로 정보를 세운다

  • 에디토리얼

    Editorial design

    잡지처럼 세리프 제목과 가는 괘선, 차분한 종이색을 쓴다

  • 다크 모드 SaaS

    Dark mode SaaS UI

    거의 검은 바탕 · 옅은 테두리 · 보라 그라데이션 강조

  • 하이 콘트라스트

    High contrast accessible UI

    검정 · 흰색 · 노랑과 두꺼운 테두리 · 포커스 링

  • 재팬 미니멀

    Japanese minimal (wabi-sabi) style

    미색 종이 · 먹색 · 붉은 인장, 넓은 여백과 얇은 명조

입체 · 재질

  • 스큐어모피즘

    Skeuomorphism

    광택 · 금속 · 천 같은 실제 재질과 입체 버튼을 흉내 낸다

  • 뉴모피즘

    Neumorphism (soft UI)

    배경과 같은 색의 면이 밝고 어두운 두 그림자로 살짝 솟는다

  • 글래스모피즘

    Glassmorphism

    화려한 배경 위에 흐린 반투명 유리판이 떠 있다

  • 리퀴드 글래스

    Liquid glass UI

    가장자리가 빛나고 볼록하게 굴절하는 두꺼운 유리판

  • 클레이모피즘

    Claymorphism

    파스텔 점토처럼 통통하고 둥근 면이 안팎 그림자로 부푼다

  • 홀로그래픽

    Holographic iridescent UI

    보는 각도에 따라 무지갯빛으로 바뀌는 듯한 면을 쓴다

  • 크롬 · 메탈릭

    Chrome metallic style

    금속 광택 그라데이션의 면과 글자

  • 메시 그라데이션

    Mesh gradient background

    여러 색이 경계 없이 부드럽게 녹아든 배경

거친 · 강한

  • 브루탈리즘

    Web brutalism

    꾸밈 없는 기본 글꼴 · 굵은 검정 테두리 · 날것의 배치

  • 네오 브루탈리즘

    Neo-brutalism

    원색 면 · 두꺼운 검정 테두리 · 번지지 않는 딱딱한 그림자

  • 멤피스

    Memphis design

    원색 도형 · 물방울무늬 · 지그재그가 장난스럽게 흩어진다

  • 뉴스페이퍼

    Newspaper style

    신문처럼 세리프 활자 · 이중 괘선 · 단 나눔을 쓴다

  • 맥시멀리즘

    Maximalist UI

    무늬 · 원색 · 글꼴을 겹겹이 쌓아 빈틈없이 채운다

복고

복고 (시대순)

  • 아르데코

    Art Deco style

    검정 · 금색과 이중 테두리, 세로로 길고 자간 넓은 대문자

  • 미드센추리 모던

    Mid-century modern style

    겨자 · 올리브 · 주황과 둥근 유기적 도형의 50–60년대 감성

  • 70년대 레트로

    1970s groovy retro style

    주황 · 갈색 무지개 띠와 통통하고 둥근 글꼴

  • 레트로 데스크톱 OS

    Retro 90s desktop OS UI

    회색 입체 창 · 파란 제목 막대 · 각진 볼록 버튼

  • 웹 1.0

    Web 1.0 homepage style

    반복 배경 무늬 · 파란 밑줄 링크 · 무지개 구분선의 초창기 홈페이지

  • Y2K

    Y2K aesthetic

    2000년 무렵의 광택 나는 젤 버튼 · 크롬 · 하늘색 그라데이션

  • 프루티거 에어로

    Frutiger Aero aesthetic

    하늘 · 초록 들판 · 물방울과 유리 광택의 2000년대 후반 감성

  • 8비트 픽셀

    8-bit pixel art UI

    고전 게임기처럼 계단 모서리 · 굵은 픽셀 테두리 · 고정폭 글자

장르 · 분위기

  • 베이퍼웨이브

    Vaporwave aesthetic

    분홍 · 하늘빛 노을과 원근 격자 바닥, 몽환적인 복고

  • 신스웨이브

    Synthwave aesthetic

    검보라 바탕의 줄무늬 노을 해 · 네온 격자 바닥 · 크롬 글자

  • 사이버펑크 네온

    Cyberpunk neon UI

    어두운 바탕에 형광 분홍 · 청록 빛이 번지고 모서리가 잘린다

  • 터미널

    Terminal CLI style

    검은 화면에 초록 고정폭 글자와 프롬프트 기호

  • 럭셔리

    Luxury dark and gold style

    검정 바탕 · 금색 가는 선 · 넓은 자간의 세리프 대문자

질감 · 빛

  • 오로라 그라데이션

    Aurora gradient background

    어두운 바탕에 청록 · 보라 · 분홍 빛 무리가 흐리게 번진다

  • 노이즈 그레인

    Noise grain texture

    면 전체에 미세한 입자 질감을 얹어 인쇄물 같은 온기를 준다

  • 손그림 두들

    Hand-drawn doodle style

    삐뚤빼뚤한 테두리와 손글씨, 공책 줄무늬 바탕

  • 종이 컷아웃

    Paper cutout style

    색종이를 오려 붙인 듯 겹친 면마다 얇은 그림자가 진다

스위스 스타일

평면 계열 · Swiss style (International Typographic Style)

굵은 산세리프 · 엄격한 격자 · 빨강 하나로 정보를 세운다

칩을 고르면 프롬프트에 덧붙습니다 — 묶음마다 하나씩, 다시 누르면 빠집니다.

밝기
강도
적용 범위