콕랩

콕랩이 만드는 사이트

FRAME

이미지 프롬프트 · GPT Image 2

버튼부터 요금제 카드까지 담은 LUMEN UI 보드

디자인 시스템 컴포넌트 보드 예시 이미지

버튼·입력창·상태 배지·탭·카드·글자 크기를 한 장에 정리한 가상 UI 디자인 시스템 보드 프롬프트입니다.

이 그림, 어디에 쓰나요

넣을 섹션 제목, 버튼 이름, 배지 이름, 글자 크기 견본을 모두 따옴표로 정해 줘서 영어 글자가 거의 틀리지 않았습니다. 아이보리, 숯색, 탁한 파랑, 세이지, 코럴 다섯 색을 지정하자 팔레트 견본까지 스스로 붙었습니다. 한글 라벨로 바꾸면 글자가 깨질 수 있으니 항목 수를 줄이는 편이 안전합니다.

  • 디자인 시스템 소개 문서 표지
  • UI 강의 자료
  • 포트폴리오 썸네일

내 것으로 바꿔 쓰는 예

바꿀 곳원래이렇게 바꾸면
시스템 이름a fictional product language called LUMEN UI가상의 쇼핑 앱 디자인 시스템 '바구니 UI'
색ivory, charcoal, muted blue, sage, and coral accents흰색, 먹색, 쑥색, 감귤색 포인트
버튼 이름"Primary", "Secondary", and "Danger""담기", "찜하기", "삭제"
섹션 제목"LUMEN UI", "Buttons", "Inputs", "Status", "Cards", and "Type Scale""바구니 UI", "버튼", "입력", "상태", "카드"

⚠️ 실제 가게·상품·장소 홍보에 쓰면 AI로 만든 장면이어도 표시·광고 관련 법이 적용될 수 있습니다. 실제와 다르게 보이지 않는지 담당자가 확인하세요. 다른 사람의 얼굴 사진을 넣을 때는 본인 동의가 필요합니다.

프롬프트 (한국어)

LUMEN UI라는 가상 제품 디자인 언어의 깔끔한 디자인 시스템 개요 보드를, 2048x2048 캔버스의 정사각 컴포넌트 갤러리로 만들어 주세요.

아이보리, 차콜, 차분한 파랑, 세이지, 산호 포인트의 중성 팔레트.

버튼, 입력창, 배지, 토글, 탭, 아바타, 알림, 요금 카드를 보여 주는 질서 정연한 카드 격자.

전문 디자인 도구에서 내보낸 듯 선명한 글자, 고른 간격, 은은한 그림자, 정확한 정렬.

그림 속 글자 "LUMEN UI", "Buttons"(버튼), "Inputs"(입력), "Status"(상태), "Cards"(카드), "Type Scale"(글자 크기)로 구역에 이름을 붙이세요.

버튼 예시 "Primary", "Secondary", "Danger", 배지 예시 "Success", "Pending", "Error", 글자 견본 "Display 48", "Heading 24", "Body 16".

보드가 체계적이고 화보 같으며 아주 잘 읽히고, 깔끔한 위계와 정확한 이름표, 디자인 시스템 갤러리에 맞는 일관된 컴포넌트로 다듬어지게 해 주세요.

원문 프롬프트

Generate a clean design system overview board for a fictional product language called LUMEN UI, arranged as a square component gallery on a 2048x2048 canvas. Use a neutral palette of ivory, charcoal, muted blue, sage, and coral accents. The composition should be an orderly grid of cards showing buttons, input fields, badges, toggles, tabs, avatars, alerts, and pricing cards. Include crisp typography, even spacing, subtle shadows, and exact alignment as if exported from a professional design tool. Add labeled sections with the in-image text "LUMEN UI", "Buttons", "Inputs", "Status", "Cards", and "Type Scale". Include sample button labels "Primary", "Secondary", and "Danger"; badge labels "Success", "Pending", and "Error"; and typography specimens "Display 48", "Heading 24", and "Body 16". Ensure the board feels systematic, editorial, and highly legible, with clean hierarchy, correct labels, and polished component consistency suitable for a design systems gallery.

작성자 Wuyoscar · MIT · 출처·라이선스

Copyright (c) 2026 Wuyoscar · MIT. 저장소에 실린 프롬프트와 예시 그림입니다. 원문 프롬프트는 그대로 두었고 그림은 웹용 크기와 형식으로 바꿨습니다. 출처와 라이선스는 소개 페이지의 출처·라이선스에 있습니다.

비슷한 프롬프트