UI · 페이지

Plinth

코드 렌더 · 같은 결과

AI product photos · generate a first set, no account

Fictional AI product-photo studio

AI 도구·SaaS
행동
스테이지
H2 Try It Now

Plinth는 가상 브랜드이고 가격·수치·이미지는 모두 샘플입니다. 레시피는 실제 콘텐츠가 없는 자리를 지어내지 않고 조건 규칙대로 바꿉니다.

실제 페이지를 스크롤하며 녹화한 화면입니다(33초, 소리 없음). 데스크톱 1440×900 · 모바일 390×844 에서 검수했습니다.

섹션 화면

Hero · generated
Before & after
Styles
Pricing

섹션 순서

위에서 아래 순서입니다. 내비게이션과 푸터는 모든 페이지에 들어 있어 뺐습니다.

01
HeroH2 Try It Now
Sample product loaded, scene-style picker and Generate button in real DOM; labelled fake progress, then a 2×2 result grid.
H2 Try It Now: the visitor takes the first action inside the hero, with no account.
02
How it works시연
Scroll-scrubbed image sequence from the plain phone photo to the finished scene.
Explains the process with the same product the visitor just generated.
03
Before & after시연
The plain photo next to three outputs of the same product.
Shows the range of output without claims about real customers' products.
04
Styles작업·결과
Pinned horizontal browse of six scene styles.
Lets the visitor pick a look, which feeds straight back to Generate.
05
Pricing가격·요금
Free + one paid plan, a formats picker and a quality band.
Answers 'what does it cost after the sample?' right before the final push.
06
FAQ자주 묻는 질문
Accounts, image ownership, product fidelity, sharpness, export formats and what happens to uploads.
Clears practical blockers to uploading a real photo.
07
CTA행동 유도
"Generate sample set" again with the timing statement.
One primary action, one label, everywhere.

조건별 변형

레시피는 만들기 전에 세 가지를 묻고, 답에 따라 아래 규칙으로 섹션을 바꿉니다.

이럴 때	이렇게 바꾼다
Only a pre-made sample	Keep the hero as is: Generate runs a labelled fake progress and reveals pre-made images tagged "Sample product · illustrative output".
Real public demo endpoint	Replace the hero timers with the real call; keep the four progress labels only if the backend reports those stages, else one indeterminate bar.
No try-out at all	H2 is not allowed — switch to H1 Product in Use with a static result grid and a waitlist form; remove Generate from nav, pricing and CTA.
Price undecided	Drop the two plan cards; keep the formats picker and the quality band.
No reviews, logos or user counts	Never add them; the "before" is always the sample's own plain photo.

스타일

Stage — strong scale contrast, one focus per screen, bone-white cyclorama + graphite stage, one cobalt accent

다른 페이지