FRAME

이미지 프롬프트 · GPT Image

공공서비스 디자인 시스템 보드

공공서비스 디자인 시스템 보드 예시 이미지

UI·대시보드 · 정사각형 · 1024x1024

프롬프트

결과물 유형:
UI 디자인 시스템 보드. 주제는 "공공서비스 디자인 시스템 보드"입니다. 완성 이미지는 한국 공공 웹서비스 개편 제안서에 바로 넣을 수 있는 컴포넌트 쇼케이스처럼 보여야 합니다. 좌상단에 굵은 제목 "공공서비스 디자인 시스템", 그 아래 부제 "모두를 위한 쉽고 일관된 정부 서비스 경험", 작은 "v 1.0" 배지를 둡니다. 우상단에는 방패·사람·모바일·하트 아이콘과 함께 "신뢰", "포용", "일관", "가치" 4개 원칙과 짧은 설명 문구를 나란히 배치합니다.

주 피사체:
공공서비스용 디자인 시스템을 설명하는 번호 매긴 컴포넌트 섹션 세트(인물 없음). 01 버튼, 02 입력창, 03 검색창, 04 마스킹된 예시 입력, 05 토글 스위치, 06 체크박스, 07 알림/배너, 08 탭, 09 색상 토큰, 10 아이콘 예시, 11 라디오 버튼, 12 드롭다운을 정리하고, 대부분의 컴포넌트는 기본·선택·오류·비활성 상태를 열로 구분해 보여줍니다.

구도와 비율:
1:1 정사각형 보드. 상단 헤더 행 아래에 컴포넌트 섹션을 4열 모듈 그리드로 3줄 배치하고, 맨 아래에는 타이포그래피, 간격 시스템, 모서리 반경, 그리드 시스템을 담은 파운데이션 행을 가로로 둡니다. 각 섹션의 번호·제목·상태 라벨은 같은 위치에 정렬합니다.

맥락과 배경:
한국어 행정 서비스 화면에서 쓰일 법한 문구를 사용합니다. 예시는 "민원 신청", "본인 확인", "서류 제출", "처리 완료"처럼 짧게 구성하고, 마스킹 입력은 주민등록번호·휴대폰 번호·카드 번호를 뒷자리를 가린 형태로 보여주며, 실제 기관명이나 로고는 넣지 않습니다.

스타일과 매체:
정돈된 UI 키트 프레젠테이션. 밝은 배경에 카드와 여백을 넉넉히 두고, 컴포넌트가 실제 서비스에 적용 가능한 크기와 간격으로 보여야 하며, 장식보다 재사용성과 접근성이 먼저 보여야 합니다.

빛과 디테일:
평면 보드처럼 처리합니다. 카드 경계와 상태 차이는 선, 색, 배지로 구분합니다. 버튼 높이, 입력창 라벨, 토글 상태, 색상 칩, 아이콘 정렬, 컴포넌트 간격을 실제 디자인 시스템처럼 정리합니다. 색상 토큰은 브랜드 색상 "#1A237E Primary", "#FFEE58 Accent", "#F7F6F2 Background", "#374151 Text"와 상태 색상 "#22C55E Success", "#FACC15 Warning", "#EF4444 Error", "#9CA3AF Disabled"로 표기하고, 타이포그래피 샘플은 "Noto Sans KR", "Aa 가나다라마바사 0123456789"로 보여줍니다.

정확성 조건:
컴포넌트 이름과 상태 라벨은 짧고 읽기 쉬워야 합니다. 헤더 문구 "공공서비스 디자인 시스템", "v 1.0", 원칙 "신뢰·포용·일관·가치", 마스킹 예시(예: "900101-1●●●●●●", "010-1234-●●●●", "1234-56●●-●●●●-7890"), 색상 토큰 값과 상태 라벨은 정확히 표기합니다. 실제 기관 로고, 읽을 수 없는 임의 문자, 서로 다른 스타일의 컴포넌트 혼합, 겹친 텍스트, 과도한 장식은 피합니다.

작성자 강정구 · AIROASTING · 원문 보기

Copyright 2026 AIROASTING · Apache-2.0. 공개 저장소의 원문 프롬프트를 보존했습니다. 예시 이미지는 웹 표시용 크기와 형식으로 변환했습니다. 세부 생성 모델 버전은 원문에 명시되지 않았습니다.

갤러리에서 열어 복사·저장하기 →

이 프롬프트 쓰는 법

  1. 프롬프트를 복사해 GPT Image에 붙여 넣습니다.
  2. 제품이나 인물처럼 내 것으로 바꿀 부분만 고칩니다. 조명과 구도를 적은 부분은 그대로 둡니다.
  3. 같은 프롬프트로 두세 번 만들어 보고 고릅니다. 매번 조금씩 다르게 나옵니다.

한국어로 적어서 내 것으로 바꾸기 →

비슷한 프롬프트