SNS 좋아요·댓글 화면 목업

提示詞原文

[Input]
- language: Korean
- output_size: {비율}

[Purpose]
SNS 좋아요·댓글 화면 mockup poster for social media presentation, showing a realistic mobile social post UI with engagement metrics, caption activity, comments, save/share controls, and platform-native micro details.
Designed as a vertical smartphone-screen style graphic for marketing mockups, portfolio samples, influencer campaign proposals, brand report thumbnails, or UI concept previews.

[Composition]
- Center one large mobile SNS post screen in a 1024x1536 vertical frame, with the interface occupying most of the canvas like a premium screenshot presentation board.
- Use {플랫폼} as the platform-specific base UI, adapting top navigation, icon rhythm, reaction style, and tab/footer behavior to feel familiar for that platform.
- Build the screen from top to bottom: {상단 상태바}, platform title/navigation row, account header, main post image, engagement row, caption, comments preview, date/location metadata, and bottom interaction bar.
- Use {계정명} and {핸들} in the account row with a circular avatar, story-ring accent, follow/option affordance, and a small {프로필 라벨} descriptor.
- Place {게시물 이미지} as the main visual content area, sized large enough to read as a real post preview rather than a blank placeholder.
- Display engagement metrics prominently: {좋아요 수}, {댓글 수}, {공유 수}, plus save/share micro icons and small reaction indicators.
- Put {캡션} below the engagement row, followed by {해시태그} in a native social-caption style.
- Insert {댓글 목록} in the lower comment area as readable Korean comment lines, each with small avatar dots, usernames, timestamps, like hearts, and reply links.
- Add {날짜 위치} as compact metadata near the bottom, including a realistic date, time, and location label.
- Apply {UI 스타일} to interface accents, separators, buttons, story ring, active icon, and notification dots.
- Use {컬러 팔레트} for the UI palette, balancing white app surfaces, charcoal text, gray metadata, and platform accent color.
- Set {타이포그래피} throughout labels, counters, comments, timestamps, and icon labels with a crisp app-screen hierarchy.

[3. CORE STRUCTURE]
- Status/navigation area: show battery, signal, time, platform wordmark/title, search or DM icon, and a compact notification badge.
- Account header: circular profile image placeholder, {계정명}, {핸들}, {프로필 라벨}, location microtext, follow button, and three-dot menu arranged like a native SNS post.
- Main content block: a large square or portrait post preview occupying the upper-middle section, using {게시물 이미지} with realistic photo texture, crop marks from the app frame, and a subtle media carousel indicator if appropriate.
- Engagement row: reaction icons, like count {좋아요 수}, comment count {댓글 수}, share count {공유 수}, bookmark/save icon, and a tiny row of liked-by avatar circles.
- Caption block: {계정명} in bold followed by {캡션}, then {해시태그} in muted blue or platform accent.
- Comment preview: render {댓글 목록} as two to four stacked Korean comment lines with usernames, short replies, small heart icons, and timestamps such as 12분, 1시간, 어제.
- Metadata line: show {날짜 위치} in small gray text, including date, posting time, and location-style label.
- Footer controls: include home, search, upload, reels/media, profile icons or the equivalent for {플랫폼}, plus a bottom gesture bar for smartphone realism.
- Presentation frame: add a soft phone-screen shadow and a subtle blurred platform-color backdrop behind the UI so it reads as a designed mockup poster.

[4. STYLE RULES]
- Typography: use Pretendard or Noto Sans KR for interface text, with bold 700 for account name and counters, medium 500 for labels, regular 400 for comments, and metadata at 18–24 px equivalent.
- Color palette: platform-native accent tones from {컬러 팔레트} plus white #FFFFFF, charcoal #222222, soft gray #E9E9E9, muted divider gray #D6D6D6, and notification red #FF3B30.
- Border/shadow: thin 1px divider lines, rounded card corners 18px, soft drop shadow 0px 8px 24px rgba(0,0,0,0.08), and subtle inner separation between post sections.
- UI realism: include small touch-target spacing, native icon alignment, realistic text truncation only where app UIs naturally truncate account labels, and clear hierarchy between primary content and metadata.
- Korean copy: every visible Korean label, caption, comment, date, and hashtag must be spelled correctly and rendered as legible Hangul.

[5. VISUAL STYLE]
- Camera / lens: flat editorial UI render, straight-on front view, simulated smartphone screenshot composition with no perspective tilt.
- Lighting: even studio-style screen illumination, no dramatic highlights, clean diffuse brightness across the interface.
- Color grade: platform-native clean white UI with charcoal text, lightly saturated accent color, and controlled contrast for readable small text.
- Render quality: high-resolution app mockup with sharp vector-like UI edges, crisp icons, realistic phone-screen density, and polished product-preview finish.

[6. MOOD]
Premium social-media UI mockup — lively, credible, and campaign-ready, like a polished Figma presentation slide, influencer report visual, or App Store preview board with real engagement energy.

[7. CRITICAL]
- Render readable Korean UI text including: 소담리뷰, @sodam.review, 좋아요 1,248개, 댓글 312개 모두 보기, 공유 58회, 저장, 답글 달기, 2026.05.01 · 서울 성수동.
- Caption example must remain crisp: 오늘 발견한 작은 취향 기록. 저장해두고 주말에 다시 보기 좋은 리스트예요.
- Comment examples must remain legible: 지민: 이거 진짜 미쳤음 ㅠㅠ / 하린: 어디서 샀어요? / 민수: 저장 완료, 친구한테 공유함.
- Include hashtag-style text such as #성수핫플 #오늘의발견 #리뷰그램 and keep all Hangul, numbers, and punctuation unbroken.
- Must preserve the visible SNS interface feel with readable counters, comment text, handle, date/location label, micro icons, and platform-like structure.

[8. 🚫 PROHIBITED]
- Fake official seals / certifications
- Broken Korean characters
- Blurry, warped, or unreadable UI text
- Celebrity face composites or real person identity alteration