소셜 오브 복숭아.

UI 스타일 레퍼런스8개

화면의 분위기에도 이름이 있습니다. “요즘 느낌으로 세련되게”보다 “글래스모피즘” 한 단어가 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

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

하이 콘트라스트

평면 계열 · High contrast accessible UI

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

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

밝기
강도
적용 범위