---
title: "AI 홈페이지 제작 도구: 처음부터 디자인 | Briks"
url: https://briks.dev/ko/features/designed-for-your-business
description: "AI 홈페이지 제작 도구 Briks는 설명한 사이트를 빈 페이지부터 디자인해요. 업종에 맞는 글꼴과 색을 고르고 게시 전 대비를 확인해요."
last_updated: 2026-10-08
---

모든 플랜에서

# 빈 페이지에서 시작해 비즈니스에 맞게 디자인한 홈페이지

Briks는 설명해 주신 모든 사이트를 빈 페이지에서 시작해요. 사업에 맞게 레이아웃을 짜고, 업종에 어울리는 서체 조합을 고르고, 거기에 맞는 색을 정하고, 각 섹션의 글을 써 드려요. 그런 다음 게시하기 전에 글이 읽기 쉬운지 확인해요.

## 작동 방식

1. **비즈니스 설명하기**

   무슨 일을 하는지, 누구를 위한 것인지, 어떤 느낌이면 좋은지 알려 주세요. 마음에 드는 사이트가 있다면 함께 추가해 주세요.

2. **Briks가 디자인해요**

   비즈니스에 맞게 페이지마다 구성을 계획하고, 서체와 색을 고르고, 모든 섹션을 빈 페이지에서부터 써 줘요.

3. **게시 전에 점검해요**

   글자 색은 코드에서 배경색과 대조해 확인하고, 이어서 라이브 페이지의 데스크톱과 휴대폰 화면에서도 확인해요.

## 빈 페이지에서 디자인한다는 것의 의미

비즈니스를 설명하면 Briks는 빈 페이지에서 시작해요. 모든 사이트의 바탕이 되는 키트에는 메뉴, 폼, 모션처럼 실제로 작동하는 부품만 들어 있고, 미리 디자인된 섹션이나 예시 문구는 없어요. 사이트의 모든 섹션과 헤더, 푸터는 여러분의 비즈니스에 맞게 새로 작성돼요.

무언가를 만들기 전에 디자이너처럼 먼저 사이트를 계획해요. 어떤 업종인지, 페이지 폭은 얼마나 넓게 할지, 헤더와 첫 화면과 푸터를 어떻게 구성할지, 그리고 사이트의 개성을 만드는 한 가지 타이포그래피 아이디어까지 정해요. 계획은 내 사업에 맞춰 쓰이기 때문에 빵집과 법률 사무소는 출발점부터 달라요.

템플릿에서 시작할 수도 있어요. 템플릿은 Briks로 만든 사이트의 구조를 그대로 두고, 모든 페이지를 내 비즈니스에 맞게 다시 써 줘요. 이 페이지는 직접 쓴 설명으로 시작한 사이트에 대한 내용이에요.

## 내 업종에 맞춰 고른 서체

글꼴은 사이트의 성격을 크게 좌우해서, Briks는 업종마다 알맞은 글꼴을 골라요. 개성 있는 제목용 글꼴과 차분한 본문용 글꼴을 짝지어요. 제목용 46종과 본문용 36종 중에서 고르고, 두 글꼴은 너비나 굵기로 차이를 둬요.

몇몇 서체는 기계가 만든 페이지에 너무 자주 나와서 사이트가 다 비슷해 보이게 해요. Briks는 새 사이트마다 이런 서체 12개를 쓰지 않아요. Inter, Space Grotesk, Fraunces, Syne도 여기에 들어가요. 마음에 드는 사이트가 그중 하나를 쓰면, 당신의 사이트에는 같은 분위기의 다른 서체를 써요.

직접 정한 서체가 우선이에요. 브랜드 설정에 서체 이름을 적거나 “Inter를 써 주세요, 우리 브랜드 서체예요”처럼 말로 알려 주면, Briks에서 쓰지 않는 서체라도 그대로 유지해요.

## 원할 때는 디자인에 대한 의견도 반영해요

대부분은 Briks가 끝까지 디자인하게 두고, 나중에 원하는 부분을 바꿔요. 먼저 고르고 싶다면 새 프로젝트 단계에서 Choose the look을 켜세요. 빌드 전에 세 가지 룩이 보이는데, 깔끔한 북유럽풍, 따뜻하고 대담한 느낌 같은 룩이에요. 각각 색상, 두 가지 글꼴, 모서리가 내가 쓴 말을 바탕으로 정해져 있고, 선택한 룩으로 사이트 전체가 만들어져요.

옆에 스위치가 두 개 더 있어요. 홈페이지 첫 화면을 내 문구가 들어간 단순한 회색 와이어프레임 네 가지 중에서 고르거나, 무언가 만들기 전에 사이트 문구를 먼저 승인할 수 있어요. 세 가지 모두 기본값은 꺼짐이에요.

아니면 마음에 드는 사이트를 Briks에 보여 주세요. 그 사이트의 레이아웃, 여백, 서체, 움직임을 읽고 그 분위기로 홈페이지를 디자인해요. 글과 사진은 직접 쓰신 것을 그대로 사용해요. 보여 준 사이트가 이미 분위기를 정하기 때문에, 이럴 때는 look과 hero stops 선택지가 나오지 않아요.

## 게시 전에 점검해요

사람들이 읽을 수 없으면 디자인은 제 역할을 못 해요. 모든 빌드는 게시 전에 코드에서 WCAG AA 기준의 색 대비를 점검해요. 본문은 4.5 대 1, 큰 글씨는 3 대 1이에요. 첫 게시 후에는 Briks가 실제 페이지를 데스크톱과 휴대폰 너비로 살펴보고, 읽기 어려운 글자를 고쳐요.

더 꼼꼼한 점검은 스위치 하나만 켜면 돼요. 첫 버전이 게시되면 Briks가 화면 크기 네 가지로 사이트를 살펴보고, 겹치는 부분처럼 깨져 보이는 곳을 고쳐 줘요. 몇 분이 더 걸리고 크레딧도 조금 들어서 기본값은 꺼져 있어요.

## 내 비즈니스에 맞춘 디자인 활용 사례

세 가지 예시 업종과 각각 어떻게 쓰는지 보여 드려요. 사이트가 나오는 곳은 예시 업종을 위해 Briks가 만든 샘플이며, 실제 고객 사이트가 아니에요.

1. 베이커리

   **먼저 디자인부터 고르고 싶은 제빵사**

   제빵사가 사워도우, 주말 사전 주문, 토요일의 긴 줄을 설명하고 Choose the look을 켜요. 이 빵집은 손으로 일하는 곳이라서 Warm 룩은 크림색과 올리브색에 제목은 Young Serif로 나와요. 그녀는 Nordic and clean, Bold와 비교해 본 뒤 Warm을 고르고, 사이트 전체가 그 룩으로 만들어져요.

2. 법률사무소

   **디자인을 Briks에 맡기는 법률 사무소**

   파트너 두 명이 이혼과 자녀 문제, 정액제 첫 상담에 대해서는 쓰지만 디자인에 대해서는 쓰지 않아요. Briks는 가사 전문 법률 사무소를 위한 사이트를 빈 페이지에서부터 계획하고, 업종에 맞게 서체와 색을 고르고, 게시하기 전에 모든 글자의 대비를 확인해요. 그 뒤에 파트너들은 바꾸고 싶은 점을 쉬운 말로 요청해요.

3. 요가 스튜디오

   **마음에 드는 사이트를 보여 주는 요가 스튜디오**

   사장님이 한 도예가의 차분하고 탁 트인 사이트에 반했어요. 그 주소를 추가하면 Briks가 레이아웃, 여백, 서체, 움직임을 읽고 그 분위기로 공방 사이트를 디자인해요. 내용은 사장님의 수업, 시간표, 사장님 자신의 말로 채워요. 도예가의 사이트가 Briks에서 쓰지 않는 서체를 쓰고 있으면, 공방 사이트에는 같은 느낌의 서체를 써요.

## 제공되는 것

- 소개한 비즈니스마다 빈 페이지에서 새로 디자인해요
- 고를 수 있는 제목용 서체 46종과 본문용 서체 36종
- 자주 쓰이는 글꼴 12개 제외, 직접 지정하지 않는 한
- 게시하기 전에 WCAG AA 기준으로 대비를 확인해요

### 알아두면 좋아요

- 디자인 고르기, 와이어프레임 네 개 중 히어로 고르기, 문구 승인은 새 프로젝트 단계의 스위치이고 기본값은 꺼짐이에요.
- 마음에 드는 사이트로 만들 때와 대시보드에서는 look과 hero 단계가 나오지 않아요.

## 내 비즈니스에 맞춘 디자인에 대한 질문

### Briks는 내 사이트에 템플릿을 쓰나요?

아니요. 설명하신 사이트는 빈 페이지에서부터 디자인하고, 이미 디자인된 섹션이나 예시 문구를 복사해 넣지 않아요. 이미 잘 되는 사이트에서 시작하고 싶다면 템플릿 중 하나를 골라 내 것으로 만드세요.

### Briks는 서체를 어떻게 고르나요?

제목용 디스플레이 서체와 본문용 차분한 서체를 짝지어요. 비즈니스에 맞게 디스플레이 서체 46종과 본문 서체 36종 중에서 골라요. 직접 지정한 글꼴이 가장 먼저 쓰여요.

### Briks는 왜 인기 있는 글꼴 일부를 쓰지 않나요?

기계가 만든 페이지에서 너무 많이 쓰이기 때문이에요. Inter, Space Grotesk, Fraunces를 포함한 12가지 서체는 마음에 드는 사이트가 쓰고 있어도, 새 사이트마다 같은 느낌의 다른 서체로 바뀌어요. 직접 하나를 지정하면 그대로 유지돼요.

### 제작하기 전에 디자인을 고를 수 있나요?

네. 새 프로젝트 단계에서 Choose the look을 켜면 직접 쓴 말로 정해 둔 세 가지 스타일 중에서 고를 수 있고, 히어로 단계 확인을 켜면 와이어프레임 네 개 중에서 첫 화면을 고를 수 있어요. 둘 다 기본값은 꺼짐이고, 마음에 드는 사이트를 기준으로 만들 때는 제공되지 않아요.

### 내 브랜드 색상과 글꼴을 쓸 수 있나요?

네. 프로젝트를 시작할 때 브랜드 단계에서 강조 색상과 제목 및 본문 서체를 정하면, Briks가 고르는 것보다 먼저 적용돼요.

### 사이트가 게시되기 전에 디자인도 점검하나요?

네, 읽기 쉬운 대비를 위해서예요. 모든 빌드는 게시 전에 코드에서 점검하고, 이후 데스크톱과 휴대폰 화면의 실제 페이지에서도 점검해요. 글자가 읽기 어려우면 고쳐요. 화면 크기 네 가지로 더 꼼꼼히 점검하는 기능은 켤 수 있는 스위치로 제공돼요.

## 관련 기능

- [켜기 **스타일 고르기** 먼저 디자인을 정하고 싶나요? 켜면 Briks가 색, 글꼴, 버튼이 담긴 세 가지 룩을 보여 주고, 고른 것으로 만들어요. 작동 방식](https://briks.dev/ko/features/pick-a-look)
- [모든 플랜에서 **마음에 드는 사이트로 만들기** 마음에 드는 사이트를 추가하면 Briks가 레이아웃, 여백, 서체, 모션을 읽고 그 분위기에 내 문구로 홈페이지를 만들어요. 작동 방식](https://briks.dev/ko/features/build-from-sites-you-like)
- [모든 플랜에서 **게시 전 점검** Briks로 만든 모든 사이트는 코드와 실제 화면(데스크톱, 휴대폰)에서 글자 색 대비를 점검하고, 읽기 어려우면 고쳐요. 작동 방식](https://briks.dev/ko/features/contrast-checks)

[기능 32개 모두 보기](https://briks.dev/ko/features)

## 내 사업에 직접 써 보세요

한 문장으로 설명하면 Briks가 만들어요. 가입할 때 받는 크레딧으로 무료로 시작하세요.