클리닉 진료 예약을 위한 차분하고 반응형인 웹 인터페이스를 디자인하세요. 페이지 제목은 "Book an Appointment"이며, 진료 과목 선택, 의사 카드, 달력, 예약 가능한 시간대, 보험 정보 필드, 요약 패널을 포함하세요. 흰색, 부드러운 파란색, 차콜 색상을 사용하고, 명확

프롬프트 상세

Z-Image Turbo 프롬프트

UI 디자인 1:1

프롬프트

클리닉 진료 예약을 위한 차분하고 반응형인 웹 인터페이스를 디자인하세요. 페이지 제목은 "Book an Appointment"이며, 진료 과목 선택, 의사 카드, 달력, 예약 가능한 시간대, 보험 정보 필드, 요약 패널을 포함하세요. 흰색, 부드러운 파란색, 차콜 색상을 사용하고, 명확한 폼 라벨, 접근 가능한 포커스 상태, 명확한 선택 상태, 절제된 전문적인 사진, 그리고 "Confirm Booking"이라고 적힌 눈에 띄는 버튼을 배치하세요.

관련 프롬프트

같은 컬렉션의 다른 프롬프트를 살펴보세요.

구독형 SaaS 제품을 위한 세련된 데스크톱 분석 대시보드를 디자인하세요. 상단 바에는 "Growth Overview"라고 적혀 있으며, 인터페이스에는 수익, 활성 사용자, 이탈률, 전환 퍼널, 트래픽 소스 차트, 최근 알림, 그리고 "Last 30 days"라고 표시된 날짜 필터가 포
UI 디자인

구독형 SaaS 제품을 위한 세련된 데스크톱 분석 대시보드를 디자인하세요. 상단 바에는 "Growth Overview"라고 적혀 있으며, 인터페이스에는 수익, 활성 사용자, 이탈률, 전환 퍼널, 트래픽 소스 차트, 최근 알림, 그리고 "Last 30 days"라고 표시된 날짜 필터가 포함됩니다. 밝은 중립적인 캔버스, 어두운 텍스트, 에메랄드색 강조 색상, 명확한 카드 계층 구조, 사실적인 데이터, 접근 가능한 대비, 일관된 간격을 사용하고, 플로팅 글래스 효과는 사용하지 마세요.

AI 코딩 어시스턴트를 위한 다크 모드 데스크톱 인터페이스를 만드세요. 왼쪽에 파일 트리, 중앙에 코드 에디터, 오른쪽에 "Explain this error"라는 제목의 좁은 어시스턴트 패널을 보여주세요. 사실적인 TypeScript 코드, 강조 표시된 오류 한 줄, 간결한 수정 제안,
UI 디자인

AI 코딩 어시스턴트를 위한 다크 모드 데스크톱 인터페이스를 만드세요. 왼쪽에 파일 트리, 중앙에 코드 에디터, 오른쪽에 "Explain this error"라는 제목의 좁은 어시스턴트 패널을 보여주세요. 사실적인 TypeScript 코드, 강조 표시된 오류 한 줄, 간결한 수정 제안, 그리고 "Apply" 및 "Dismiss"라고 표시된 버튼을 포함하세요. 개발자 중심의 컴팩트한 간격, 절제된 구문 색상, 선명한 타이포그래피, 그리고 그럴듯한 창 크롬을 사용하세요.

로컬 여행 계획 앱을 위한 3개의 연결된 모바일 화면을 디자인하세요: 목적지 홈, 도보 일정, 명소 상세 정보. 목적지 이름 "Beigang Old Street", 지도 경로, 영업 시간 카드, 주차 안내, 화장실 아이콘, 그리고 "Start Walk"라고 적힌 기본 버튼을 사용하세요.
UI 디자인

로컬 여행 계획 앱을 위한 3개의 연결된 모바일 화면을 디자인하세요: 목적지 홈, 도보 일정, 명소 상세 정보. 목적지 이름 "Beigang Old Street", 지도 경로, 영업 시간 카드, 주차 안내, 화장실 아이콘, 그리고 "Start Walk"라고 적힌 기본 버튼을 사용하세요. 따뜻한 크림색, 사원 빨간색, 차분한 청록색을 적용하고, 유치하지 않은 둥근 구성 요소, 명확한 번체 중국어 지원, 사실적인 모바일 간격을 사용하세요.