Black Slabs
대비가 강한 에디토리얼 웹 템플릿. 묵직한 타이포그래피, 화면을 가득 채운 쇼케이스 패널, 지표 카드, 강렬한 인디고 포인트.
AI 웹사이트 만들기
필요한 사이트를 설명하면 Okou가 문구를 작성하고 각 섹션을 디자인해 공유 가능한 링크로 게시합니다. 아래 웹 디자인 템플릿을 미리 보고 원하는 방향으로 바로 시작하세요.
AI 웹사이트 템플릿 11종
Blueprint Grid
설계도에서 영감을 얻은 웹 템플릿. 큼직한 대문자 조판, 모노 라벨, 괘선으로 나눈 에디토리얼 그리드, 코발트색 내비게이션 디테일.
Coastal Hotel
호스피탈리티용 웹 템플릿. 문장 형태의 히어로, 엽서 카드, 해안 등고선 디테일, 얇은 선 목록, 여행 매거진 같은 움직임.
Dot Matrix
움직임이 살아 있는 웹 템플릿. LED 도트 매트릭스 이미지, 큼직한 유기적 워드마크, 번호를 매긴 서비스 색인, 흐르는 태그 마퀴.
Frame Stack
건축적인 웹 템플릿. 화면 가득 이어지는 프레임, 좌표 라벨, 액소노메트릭 히어로 블록, 스크롤에 따라 쌓이는 섹션.
Frosted Scatter
불투명 유리 느낌의 웹 템플릿. 흩어진 패럴랙스 사진, 손전등 같은 그리드 커서, 한 줄씩 나타나는 카피, 큼직한 숫자로 풀어내는 서사.
Gallery Wall
예술 지향 웹 템플릿. 크림색 캔버스, 회화적 질감, 액자형 작품 모듈, 소장품 라벨, 세리프 에디토리얼 리듬.
Glass Bloom
부드러운 글래스모피즘 웹 템플릿. 불투명 유리 패널, 번지는 그러데이션 빛, 이탤릭 세리프 포인트, 고정된 디바이스 스토리텔링.
Serif Stack
미니멀한 세리프 웹 템플릿. 겹쳐 쌓이는 커버 섹션, 중력이 작동하는 태그 클라우드, 흩어진 사진, 개성 있는 푸터.
Sticker Pop
경쾌한 웹 템플릿. 스티커 카드, 윤곽선 세리프, 따뜻한 크림 팔레트, 원형 이미지, 고정되는 스토리 패널.
Warm Cards
경쾌한 웹 템플릿. 번호를 매긴 컬러 블록 사이드바, 부드러운 전체 화면 카드, 이미지 중심 히어로, 티커 콘텐츠, 큼직한 푸터 워드마크.
AI 웹사이트 만들기 사용 방법
한 개의 프롬프트만 입력해도 출판된 페이지가 나옵니다. 드래그 앤 드롭 에디터는 없고 테마는 구성할 수 없으며 배포 단계도 없습니다.
- 01
방향을 선택하세요
각 템플릿은 완전한 디자인 언어입니다: 배치, 타이포그래피, 움직임, 그리고 색상. 하나를 선택하기 전에 실시간 페이지를 미리보세요.
- 02
사이트를 설명하세요
사이트의 목적을 말하고, 누구를 대상으로 하는지, 그리고 어떤 섹션을 필요로 하는지 말아주세요. 이미 있는 복사본과 세부 정보를 붙여넣거나, Okou가 작성하도록 해주세요.
- 03
Okou 설계하고 건설합니다
_Okou는 섹션을 작성하고 레이아웃과 상호작용을 구축하며 헤로부터 푸터까지 디자인 시스템을 일관되게 유지합니다._
- 04
발행하고 반복적으로 개선하기
사이트는 즉시 링크를 통해 런칭되며, 모든 재게시는 이전 버전을 유지합니다. 새로운 섹션이나 새로운 디자인을 요청하면 다시 구축됩니다.
Okou로 만들 웹사이트 팀
위의 템플릿은 실제로 온라인에 게시해야 하는 페이지들부터 런치 페이지까지 예약 사이트까지를 포함합니다.
제품 및 런치 페이지
HERO, 제품 스토리, 사양, 증거, 그리고 마무리 CTAB — 페이지는 출시 당일에 필요하며, 한 달 후에 필요하지 않습니다.
SaaS 랜딩 페이지와 가격 페이지
피처 섹션, 통합 목록, 계획 비교, 그리고 한 번의 스크롤로 자신을 설명해야 하는 소프트웨어의 가입 흐름.
포트폴리오와 스튜디오 사이트
디자인, 건축, 사진, 움직임 관련 작업의 프로젝트 프레임, 과정, 재료, 그리고 상상품.
호스피탈리티와 지역 사업
호텔, 식당, 시장, 팝업스토어의 방실내장, 메뉴, 일정, 안내서, 그리고 예약 상세 정보입니다.
편집과 전시 페이지
잡지, 갤러리, 그리고 이벤트의 커버 스토리, 기고자 페이지, 이슈 아카이브, 큐레이터 노트, 그리고 RSVP 흐름들.
대기 목록과 캠페인 미크로 사이트
단일 목적의 페이지로 흥미를 모으기 위한 페이지: 날카로운 약속, 증명 섹션, 그리고 하나의 행동 항목.
AI 웹사이트 만들기 자주 묻는 질문
AI 웹사이트 만들기는 어떻게 작동하나요?
사이트를 설명하고 템플릿을 선택합니다.Okou는 모든 섹션의 콘텐츠를 작성하고, 해당 디자인 언어에서 레이아웃과 상호작용을 구축한 후 링크를 통해 결과물을 게시합니다. 결과로는 완성된 페이지를 받게 됩니다. 비어 있는 테마보다는 더 많은 내용이 포함된 페이지를 얻게 됩니다.
프로그래밍이나 디자인을 알아야 하나요?
,No. 프롬프트가 전체 인터페이스입니다.zero는 섹션 순서를 결정하고 텍스트를 작성하며 글꼴과 색상을 선택하고 반응형 동작을 처리하므로 페이지는 스마트폰과 노트북 모두에서 잘 작동합니다.
마지막에 무엇을 얻게 되나요?
자체적으로 실행 가능한 웹사이트로 공유 가능한 링크에서 호스팅됩니다. 설치할 것이 없고 배포할 것도 없습니다. URL을 보내면 어떤 브라우저에서든 열립니다. 원할 때마다 재발행할 수 있습니다 — 각 버전이 저장되어서는 과거 버전이 사라지지 않습니다.
나의 복사본과 브랜드, 그리고 이미지를 사용할 수 있나요?
네. 복사본, 제품 정보, 또는 브랜드 가이드라인을 프롬프트에 붙여넣고 Okou는 그들을 기반으로 사이트를 만들며 채워넣는 대신 발음을 만듭니다. 색상과 톤을 제공하시면 모든 섹션에 적용됩니다.
템플릿과 디자인 시스템 사이의 차이점은 무엇인가요?
템플릿은 페이지의 구조와 개성을 정합니다. 이 쇼케이스에는 11가지 방향이 있습니다. 디자인 시스템은 그 아래의 시각 언어를 정하며, Okou에는 100개가 넘는 디자인 시스템이 있습니다. 프롬프트에서 원하는 템플릿이나 디자인 시스템을 지정하거나, 요청에 맞춰 Okou가 선택하게 하세요.
생성된 사이트를 변경할 수 있나요?
네. Okou에게 섹션을 다시 작성하라고 요청하거나 가격을 추가하라고 요청하거나 히로 이미지를 교체하라고 요청하거나 전체 페이지의 스타일을 변경하라고 요청하거나 다른 템플릿으로 다시 만들라고 요청하면 동일한 지침을 바탕으로 작동합니다. 다시 시작하지 않고 동일한 지침을 바탕으로 작동합니다.
웹사이트 빌더 템플릿과 어떻게 다릅니까?
일반 빌더는 그리드와 블록 라이브러리만 제공하고 글쓰기, 구조, 디자인 결정은 사용자에게 남깁니다. Okou는 요청을 바탕으로 그 결정을 내리고 이미 작성되고 디자인된 페이지를 반환합니다. 여기의 템플릿은 채워 넣는 틀이 아니라 시작 방향입니다.
Okou는 같은 방식의 프롬프트로 프레젠테이션, 리포트, 영상, 일러스트도 만듭니다. 플랜별 제공 범위는 요금제에서 확인하세요.
사이트를 설명하고 그것이 만들어지는 과정을 지켜보세요
위의 템플릿 중 하나로 시작하거나, 사이트의 목적을 Okou에 설명하고 전체 작성, 디자인, 게시를 맡기세요.
