본문으로 건너뛰기
Codex DesignBETA

GPT Image 2.6 피트니스 앱 홈 화면 프롬프트

주간 거리 링, 달리기 시작 버튼, 지난 달리기 카드, 하단 탭 바가 있는 러닝 앱 홈 화면. 내 앱에 맞게 바꿔 쓰세요.

프롬프트
[러닝 앱]의 사실적인 모바일 앱 UI를 만들어 줘. 다시 방문한 러너의 홈 화면: "좋은 아침이에요, 민준 님" 인사말, "18.4 / 25 km"를 보여 주는 주간 거리 링, "달리기 시작" 기본 버튼, 경로 지도 썸네일과 페이스·시간이 있는 지난 달리기 카드, 홈·플랜·활동·프로필 하단 탭 바. 깔끔한 흰색 UI, 활기찬 주황색 포인트 하나, 또렷한 타이포그래피. iPhone 화면, 기기 프레임 없이.
지원 도구
GPT Image 2.6
프롬프트 모음
GPT Image 2.6 프롬프트

이 프롬프트 소개

이 프롬프트는 앱을 써 본 적 있는 러너를 위한 iPhone 화면 한 장을 기기 프레임 없이 만들어 줍니다. “좋은 아침이에요, 민준 님” 인사말, 이번 주 “18.4 / 25 km”를 보여 주는 거리 링, 주황색 “달리기 시작” 버튼, 경로 썸네일과 페이스·시간이 있는 지난 달리기 카드, 홈·플랜·활동·프로필 탭 바가 들어갑니다. 모든 요소가 실제 데이터를 가진 실제 컨트롤이라서, 콘셉트 시안이 아니라 이미 출시된 앱처럼 보입니다.

[러닝 앱]을 내 제품으로 바꾸고, 따옴표 안의 숫자도 거기에 맞춰 바꾸세요. 자전거 앱이라면 “142 / 200 km”, 만보기 앱이라면 “48,200 / 70,000걸음”처럼 쓸 수 있습니다. 탭 이름은 내 내비게이션에 맞게 고치고 주황색은 브랜드 색상으로 바꾸되, 포인트 색을 하나만 쓰라는 지시는 그대로 두세요. 그래야 “달리기 시작”이 가장 눈에 띄는 행동으로 남습니다.

지난 달리기 카드의 페이스와 시간은 이미지에서 가장 작은 글씨이니 공유하기 전에 꼭 확인하세요. 최종본에는 디테일과 작은 UI 텍스트에 강한 Sunburst 모델을 쓰는 것이 좋습니다. 레이아웃이 마음에 들면 Codex에 이미지를 첨부하고 390×844 크기의 HTML로 화면을 다시 만들어 달라고 요청하세요.

이 모음의 다른 프롬프트

Codex용 독립 플러그인입니다. OpenAI와 제휴하거나 OpenAI의 보증을 받은 제품이 아닙니다.