소셜 오브 복숭아.

레이아웃 레퍼런스8개

화면 배치에도 이름이 있습니다. “카드를 보기 좋게 늘어놓아 줘”보다 “벤토 그리드” 한 단어가 AI 에게 훨씬 정확하게 전달됩니다. 와이어프레임으로 배치를 고르고, 이름이 든 요청 문장을 복사해 붙여 넣으세요.

받는 쪽 · 코딩 AI

콘텐츠 배열

카드 그리드
Card grid layout
같은 크기의 카드가 행과 열로 고르게 놓인다
벤토 그리드
Bento grid layout
크기가 다른 칸들이 도시락처럼 빈틈없이 맞물린다
마소너리
Masonry layout
높이가 제각각인 카드가 벽돌처럼 열마다 위로 붙어 쌓인다
매거진
Magazine layout
큰 대표 기사 하나와 작은 기사들이 잡지 지면처럼 섞인다
지그재그
Zigzag alternating layout
이미지와 글이 줄마다 좌우를 바꿔 가며 번갈아 놓인다
타임라인
Vertical timeline layout
세로 선을 따라 시간 순서의 항목이 점과 함께 이어진다
마스터-디테일
Master-detail layout
왼쪽 목록에서 고른 항목의 내용이 오른쪽에 펼쳐진다
프라이싱 테이블
Pricing table columns
요금제 카드가 나란히 서고 추천안 하나가 도드라진다