Acceptance check
5개 업종 생성 결과 비교
같은 렌더러가 같은 컴포넌트로 그린 다섯 개의 사이트입니다. 아래 표의 값은 모두 컴파일된 디자인에서 다시 읽어온 것으로, 색상뿐 아니라 타입 스케일·여백·모션·섹션 구성이 실제로 달라졌는지 보여줍니다.
| 항목 | 감성 카페 | 수제버거 | 자동차 디테일링 | 법무사 사무소 | 프리미엄 펜션 |
|---|---|---|---|---|---|
| Hero Variant | HeroSplit | HeroFullImage | HeroCentered | HeroMinimal | HeroEditorial |
| 제목 폰트 / 스케일 | warmSerif · large | display · hero | sans · large | serif · balanced | serif · large |
| Display 크기 | 1.9rem, 5.17vw, 3.88rem | 2.32rem, 9.39vw, 7.04rem | 1.9rem, 6.41vw, 4.81rem | 1.9rem, 4.55vw, 3.41rem | 1.9rem, 5.97vw, 4.48rem |
| 섹션 여백 | 4.91rem, 14.97vw, 11.23rem | 3.92rem, 11.01vw, 8.26rem | 4.69rem, 14.08vw, 10.56rem | 4.1rem, 11.73vw, 8.8rem | 4.82rem, 14.61vw, 10.96rem |
| 모션 (지속/이동) | 0.78s / 27px | 1.12s / 47px | 1.18s / 51px | 0.54s / 13px | 0.94s / 37px |
| 이미지 비율 (wide) | 2.185 | 2.3 | 2.3 | 1.59 | 2.3 |
| Hero 높이 | 86svh | 97svh | 93svh | 70svh | 91svh |
| 모서리 반경 | 10px | 3px | 0px | 0px | 6px |
| 헤더 정렬 / 컬럼 | left · 2col | left · 2col | center · 2col | left · 4col | left · 2col |
| 색상 | |||||
| 섹션 순서 | AboutEditorial MenuList GalleryEditorial FeatureAlternating LocationSplit CtaMinimal | AboutStatement MenuShowcase GalleryHorizontal StatsBold LocationSplit CtaFullBleed | FeatureFullBleed ServiceLargeImage StatsInline GalleryGrid TestimonialQuote CtaFullBleed | AboutSplit ServiceMinimalList StatsInline TestimonialColumns LocationMinimal CtaMinimal | AboutEditorial GalleryEditorial ServiceGrid FeatureAlternating LocationSplit CtaFullBleed |
Design DNA
감성 카페
- luxury
- minimal
- warm
- bold
- playful
- professional
- editorial
- visualIntensity
- animationIntensity
- whitespace
수제버거
- luxury
- minimal
- warm
- bold
- playful
- professional
- editorial
- visualIntensity
- animationIntensity
- whitespace
자동차 디테일링
- luxury
- minimal
- warm
- bold
- playful
- professional
- editorial
- visualIntensity
- animationIntensity
- whitespace
법무사 사무소
- luxury
- minimal
- warm
- bold
- playful
- professional
- editorial
- visualIntensity
- animationIntensity
- whitespace
프리미엄 펜션
- luxury
- minimal
- warm
- bold
- playful
- professional
- editorial
- visualIntensity
- animationIntensity
- whitespace
실제 렌더링
각 프레임은 독립된 문서입니다. 브라우저 폭을 줄이면 프레임 안에서 반응형이 그대로 동작합니다.