---
title: "홈페이지 만들기: 마음에 드는 사이트로 | Briks"
url: https://briks.dev/ko/features/build-from-sites-you-like
description: "마음에 드는 사이트를 추가하면 Briks가 레이아웃, 여백, 서체, 모션을 읽고 그 분위기에 내 문구로 홈페이지를 만들어요."
last_updated: 2026-10-08
---

모든 플랜에서

# 마음에 드는 사이트로 홈페이지 만들기

마음에 드는 사이트를 Briks에 보여 주세요. 스크린샷이 있으면 함께요. 페이지가 어떻게 짜였는지 읽고, 내 비즈니스의 문구와 사진으로 그 분위기를 살려 만들어요.

떠오르는 사이트가 없나요? Briks에는 웹에서 가장 좋은 사이트 250개가 넘게 모인 자체 라이브러리가 있어요. 레이아웃, 간격, 서체, 모션을 연구해 둔 것이라 가장 가까운 사이트에서 시작할 수 있어요. 라이브러리는 계속 늘어나요.

## 작동 방식

1. **사이트 추가**

   새 프로젝트 단계에서 주소를 하나 붙여 넣으세요. 원하면 스크린샷도 함께요.

2. **Briks가 읽어요**

   디자이너가 메모하듯 페이지의 레이아웃, 여백, 서체, 모션, 헤더를 살펴봐요.

3. **내 사이트를 만들어 줘요**

   사이트는 그 리듬과 느낌을 따르고, 여러분의 요청을 바탕으로 비즈니스에 맞게 쓰여요.

## 마음에 드는 사이트에서 Briks가 읽는 것

마음에 드는 사이트의 주소를 추가하면, Briks는 디자이너가 프로젝트 전에 메모하듯 그 페이지를 열어 살펴봐요. 각 섹션의 레이아웃, 섹션 사이 간격, 서체와 크기, 움직임, 헤더 메뉴를 읽어요.

참고 사이트의 문구나 사진은 가져오지 않아요. 문구는 내 브리프에서 나오고, 사진은 참고 사이트가 아닌 내 비즈니스를 위한 것이에요. 이어받는 것은 구조와 분위기예요. 차분하고 에디토리얼 느낌의 페이지는 차분하게, 큰 사진이 이끄는 대담한 페이지는 대담하게 남아요.

프로젝트당 사이트 하나와 스크린샷을 추가할 수 있어요. 마음에 드는 페이지가 로그인 뒤에 있거나, 페이지 전체가 아니라 한 부분만 가리키고 싶을 때 스크린샷이 도움이 돼요.

## 레퍼런스가 소규모 비즈니스에 도움이 되는 이유

대부분의 사장님은 말로 설명하기 한참 전부터 어떤 느낌을 좋아하는지 알고 있어요. "그 건축가 사이트처럼 깔끔하게"는 브리프로 옮기기 어렵지만, 주소는 정확해요. 마음에 드는 페이지를 Briks에 보여 주면 주고받는 한 차례를 아낄 수 있어요. 첫 버전부터 원하던 디자인 계열에 이미 들어가 있기 때문이에요.

남들과 달라 보이는 데도 도움이 돼요. 같은 지역의 경쟁사가 모두 같은 템플릿을 쓴다면, 다른 업종이나 다른 나라의 사이트를 참고해서 그 리듬을 빌려 오세요. 꽃집은 패션 브랜드에서, 목수는 건축 스튜디오에서 힌트를 얻을 수 있어요.

참고 자료가 있으면 질문이 줄어요. 참고 자료를 주면 Briks는 레이아웃, 분위기, 홈 페이지에서 무엇을 앞세울지 묻지 않아요. 보여 주신 사이트가 이미 답해 주기 때문이에요. 어떤 페이지가 필요한지는 계속 물어봐요.

## 기대할 수 있는 점과 한계

레퍼런스는 방향을 정해 줘요. 사이트에는 나만의 문구, 내 비즈니스 정보, 내 비즈니스에 맞는 사진이 담기므로, 레이아웃이 보여 준 페이지를 따르더라도 내 사이트처럼 읽혀요.

참고 사이트로 만들 때는 스타일 고르기를 제공하지 않아요. 참고 사이트가 이미 사이트의 모습을 정하기 때문이에요. 비즈니스에 맞춰 그린 세 가지 스타일 중에서 고르고 싶다면 참고 사이트를 빼고, 새 프로젝트 단계에서 Pick a look을 켜세요.

빌드가 끝나도 고정된 건 없어요. 더 큰 헤드라인이나 다른 섹션 순서처럼 원하는 변경을 쉬운 말로 요청하면, 각 변경이 되돌릴 수 있는 버전으로 저장돼요.

## 마음에 드는 사이트로 만들기 활용 사례

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

1. 도예 공방

   **갤러리의 고요함을 좋아하는 도예가**

   도예가 두 사람이 자기네 공방 사이트가 작품을 파는 작은 갤러리 같은 느낌이길 바라요. 여백이 넉넉하고, 큰 사진에, 차분한 서체예요. 두 사람은 그 갤러리의 주소를 붙여 넣고 수업, 주문 제작, 오픈 스튜디오 날에 대한 브리프를 써요. 사이트는 갤러리의 간격과 차분함을 따르면서 두 사람의 수업과 두 사람의 말로 채워져요.

   [![Briks가 예시 도예 공방를 위해 만든 샘플 사이트 Fernhill Pottery의 첫 화면](https://briks.dev/showcase/fernhill-pottery.webp)](https://fernhill-pottery.briks.live/)

   **Fernhill Pottery** 은(는) 실제 고객이 아니라, 가상의 도예 공방를 위해 Briks가 만든 샘플 사이트예요. [샘플 열기](https://fernhill-pottery.briks.live/)

2. 법률사무소

   **좀 더 딱딱하지 않은 인상을 주고 싶은 가족법 로펌**

   변호사 두 명이 함께하는 가족법 사무소는 경쟁사 사이트가 모두 비슷하다는 걸 알게 돼요. 남색, 법봉, 악수하는 스톡 사진이죠. 파트너들은 마음에 드는 디자인 컨설팅 회사의 주소를 추가해요. Briks가 그 레이아웃과 서체를 읽어, 별거, 자녀, 정액제 첫 상담에 대해 쓴 그 느낌의 사이트가 만들어져요.

3. 베드 앤 브렉퍼스트

   **주소만이 아니라 스크린샷도 준비한 B&B 주인**

   조지아풍 B&B를 운영하는 주인이 부티크 호텔 홈페이지의 스크린샷을 휴대폰에 저장해 두었어요. 그 스크린샷을 호텔 주소와 함께 추가하고, 자기 객실과 아침 식사, 마을까지 걷는 길에 대해 적어요. 빌드는 호텔의 레이아웃을 따르되, 내용은 그녀의 객실과 그녀의 글로 채워져요.

   [![Briks가 예시 베드 앤 브렉퍼스트를 위해 만든 샘플 사이트 Hollyhock House의 첫 화면](https://briks.dev/showcase/bed-and-breakfast.webp)](https://bed-and-breakfast.briks.live/)

   **Hollyhock House** 은(는) 실제 고객이 아니라, 가상의 베드 앤 브렉퍼스트를 위해 Briks가 만든 샘플 사이트예요. [샘플 열기](https://bed-and-breakfast.briks.live/)

## 제공되는 것

- 프로젝트당 참고 사이트 하나와 스크린샷
- 레이아웃, 간격, 글꼴, 모션, 헤더 메뉴를 읽어요
- 내 문구와 이미지만 쓰고, 참고 사이트 것은 쓰지 않아요
- Free 플랜을 포함해 모든 분이 쓸 수 있어요

## 마음에 드는 사이트로 만들기에 대한 질문

### Briks는 제가 보여 준 사이트를 그대로 복사하나요?

아니요. 페이지가 어떻게 만들어졌는지 읽고, 그 분위기에 맞춰 내 페이지를 만들어요. 문구는 브리프에서 오고, 이미지는 내 사이트를 위한 것이에요.

### 참고 사이트가 꼭 있어야 하나요?

아니요. 없어도 Briks가 비즈니스에 맞는 디자인을 직접 구성해요. 먼저 세 가지 스타일 중에서 고르는 것도 선택할 수 있어요.

### 스크린샷을 대신 추가해도 되나요?

네. 주소와 함께 스크린샷을 넣을 수 있어요. 마음에 드는 페이지가 로그인 뒤에 있을 때 도움이 돼요.

### 사이트를 몇 개까지 추가할 수 있나요?

프로젝트당 하나, 그리고 스크린샷은 최대 여섯 장까지예요. 한도는 Free를 포함해 모든 플랜이 같아요.

### 디자인에 대해서도 물어보나요?

참고 사이트를 주면 그렇지 않아요. 보여 준 사이트가 레이아웃과 느낌에 대한 질문에 답해 줘요. 그래도 원하는 페이지는 물어봐요.

### 빌드 후에 마음이 바뀌면 어떻게 하나요?

스튜디오 채팅에 원하는 변경 사항을 쉬운 말로 요청하세요. 변경할 때마다 버전으로 저장되고, 언제든 되돌릴 수 있어요.

## 관련 기능

- [모든 플랜에서 **내 비즈니스에 맞춘 디자인** AI 홈페이지 제작 도구 Briks는 설명한 사이트를 빈 페이지부터 디자인해요. 업종에 맞는 글꼴과 색을 고르고 게시 전 대비를 확인해요. 작동 방식](https://briks.dev/ko/features/designed-for-your-business)
- [켜기 **스타일 고르기** 먼저 디자인을 정하고 싶나요? 켜면 Briks가 색, 글꼴, 버튼이 담긴 세 가지 룩을 보여 주고, 고른 것으로 만들어요. 작동 방식](https://briks.dev/ko/features/pick-a-look)
- [모든 플랜에서 **제작 전 질문** Briks는 첫 빌드 전에 원하는 페이지와 비어 있는 내용을 물어봐요. 체크하고, 입력하고, 맡기세요. 홈페이지와 앱용. 작동 방식](https://briks.dev/ko/features/questions-before-building)
- [모든 플랜에서 **게시 전 점검** Briks로 만든 모든 사이트는 코드와 실제 화면(데스크톱, 휴대폰)에서 글자 색 대비를 점검하고, 읽기 어려우면 고쳐요. 작동 방식](https://briks.dev/ko/features/contrast-checks)

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

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

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