AI 브랜드 가이드 생성 UI

Markdown 브랜드 파일을 6개의 Slides로 구성된 Dacoit 스타일의 브랜드 가이드 콘택트 시트로 변환하는 깔끔한 AI 작업 공간 스크린샷을 생성합니다.

프롬프트

목표: AI 채팅 또는 에이전트 작업 공간에서 Markdown 파일로부터 브랜드 가이드 Slides를 성공적으로 생성하는 세련된 스크린샷 스타일의 UI 목업을 제작합니다. 캔버스: 4:3 가로형 구도, 약 1024×768 해상도. 배경은 상단과 왼쪽 가장자리에 눈금 표시가 있는 짙은 녹색 커팅 매트 그리드이며, 얇은 민트색 격자선, 5에서 50까지의 측정 숫자, 작은 눈금 표시, 그리고 몇 개의 희미한 대각선 가이드라인이 포함됩니다. 중앙에는 부드러운 그림자가 드리워진 둥근 모서리의 흰색 앱 창을 배치하고, 녹색 그리드가 테두리로 보이도록 합니다. 앱 창 레이아웃: 흰색 패널은 둥근 모서리와 미니멀한 툴바를 갖추고 있습니다. 왼쪽 상단에는 "Create brand guide slides"라는 제목 텍스트와 점 3개 메뉴를 표시합니다. 오른쪽 상단에는 4개의 작은 툴바 아이콘(드롭다운 꺾쇠가 있는 어두운 사각형 아이콘, 목록/설정 아이콘, 작은 직사각형 아이콘, 분할 패널 아이콘)을 포함합니다. 툴바 아래에는 얇은 가로 구분선이 있습니다. 채팅 영역 오른쪽 상단 근처에는 "DACOIT-DESIGN.md"라고 적힌 둥근 첨부 파일 칩을 보여주고, 그 아래에는 "Read this and generate a brand guide slides based on this"라고 적힌 연한 회색 사용자 메시지 말풍선을 배치합니다. 창 내부 맨 오른쪽에는 미세한 세로 스크롤바를 추가합니다. 주요 응답 콘텐츠: 왼쪽 중간 영역에 "Worked for 5m 3s ›"라는 상태 라인을 표시합니다. 구분선 아래에는 "Generated above using GPT image generation."이라는 응답 텍스트를 보여줍니다. 그 다음 단락으로 "It’s a single raster contact-sheet concept for six Dacoit brand-guide slides based on `DACOIT-DESIGN.md`: cover, brand signal, color system, typography, layout rules, and motion/footer. Tiny generated text can have minor artifacts, but the overall brand direction is captured."라고 작성합니다. 깔끔하고 현대적인 산세리프 UI 서체를 사용하고, 검은색과 회색 텍스트를 사용하며 여백을 충분히 둡니다. 임베디드 생성 이미지 썸네일: 단락 아래에 6개의 슬라이드로 구성된 브랜드 가이드 콘택트 시트의 둥근 모서리 썸네일 미리보기를 배치합니다. 3×2 그리드 형태로 정확히 6개의 미니 슬라이드 패널이 포함되어야 합니다. 미니 슬라이드의 스타일은 황갈색, 번트 오렌지, 검은색, 크림색, 빨간색을 사용한 거친 편집 디자인 느낌이어야 합니다. 6개의 슬라이드 주제를 다음과 같이 묘사합니다: 1) "DACOIT DESIGN CO"라는 큰 텍스트가 있는 표지 슬라이드, 2) "REBELLIOUS / EARTHY / DECLARATIVE"가 적힌 브랜드 시그널 슬라이드, 3) TAN, RED, INK, BLACK, SMOKE 등으로 라벨이 붙은 세로 색상 견본이 있는 색상 시스템 슬라이드, 4) "WORDS BECOME ARCHITECTURE"라는 큰 단어가 있는 타이포그래피 슬라이드, 5) "DESIGN WITHOUT APOLOGY"가 적힌 레이아웃 규칙 슬라이드, 6) 어두운 배경에 "START A RIOT"이 적힌 모션/푸터 슬라이드. 작은 텍스트는 불완전할 수 있지만 큰 라벨은 식별 가능해야 합니다. 시각적 스타일: 고품질 제품 스크린샷, 선명한 흰색 인터페이스, 은은한 그림자, 사실적인 브라우저/앱 크롬, 미니멀한 단색 아이콘, 읽기 쉬운 선명한 텍스트, 깔끔한 간격. 배경은 디자인 작업 공간이나 제도 매트 같은 느낌을 주어야 합니다. 사용자 지정 소스/브랜드 세부 정보: 변경 시 Create brand guide slides를 창 제목으로 사용합니다. 첨부 파일 칩과 단락 참조에는 DACOIT-DESIGN.md를 사용합니다. 브랜드 가이드 주제에는 Dacoit를 사용합니다. 메시지 말풍선 텍스트에는 Read this and generate a brand guide slides based on this를 사용합니다. 제약 사항: 사람, 손, 브라우저 주소 표시줄, 추가 팝업, 워터마크 또는 관련 없는 UI를 추가하지 마십시오. 하나의 앱 창, 하나의 첨부 파일 칩, 하나의 사용자 메시지 말풍선, 하나의 상태 라인, 하나의 응답 단락 블록, 그리고 정확히 6개의 미니 슬라이드가 포함된 하나의 임베디드 썸네일만 유지하십시오.