디자인은 20가지,
만드는 방법은 하나입니다

종이 지면처럼 차분하게 읽히는 구성

아이보리 바탕에 얇은 괘선과 큰 활자로 위계를 만듭니다. 사진이 적어도 비어 보이지 않아, 자료를 조금씩 채워 가는 교회에 잘 맞습니다.

• 아이보리 + 앰버
• 얇은 괘선 · 큰 활자
• 사진이 적어도 성립

이런 교회에 잘 맞습니다 — 설교와 글이 중심인 교회 · 개척 교회

사진이 앞에 서는 또렷한 구성

짙은 차콜과 라운드 카드로 화면을 나눕니다. 행사 사진과 영상이 꾸준히 쌓이는 교회에서 가장 잘 살아납니다.

• 차콜 + 먹
• 라운드 카드 · 가운데 정렬
• 사진이 많을수록 살아남

이런 교회에 잘 맞습니다 — 사진·영상이 많은 교회 · 중대형 교회

색을 쓰지 않고 대비로만 세운 구성

근접-블랙과 흰 면을 크게 교차시키고, 모서리를 각지게 내렸습니다. 지면에서 색을 가진 것은 사진뿐이라 사진 한 장이 그대로 주인공이 됩니다.

• 근접-블랙 + 흰 면
• 각진 모서리 · 거대 워터마크
• 색은 사진에서만

이런 교회에 잘 맞습니다 — 젊은 회중 · 도시 교회 · 사진 한 컷이 분명한 교회

얇은 금선과 가운데 정렬로 격을 세운 구성

딥 네이비 면에 1px 금선을 두르고 제목을 가운데로 세웁니다. 오래된 교회의 연혁과 예배 전통이 화면에서 무게를 갖도록 만든 구성입니다.

• 딥 네이비 + 골드
• 얇은 금선 · 가운데 정렬
• 연혁이 길수록 살아남

이런 교회에 잘 맞습니다 — 전통이 오래된 교회 · 대형 교회

빛이 흐르듯 이어지는 밝은 구성

먹빛만 남긴 흰 지면 위로 빛이 아주 느리게 지나갑니다. 첫 화면에 흰 글자가 한 자도 없고, 흐릿하던 글과 사진이 스크롤을 따라 한 겹씩 맑아집니다. 사진은 지면 아래에서 판으로 열립니다.

• 뉴트럴 페이퍼 + 먹
• 흐릿한 것이 맑아지는 등장
• 느리게 흐르는 배경 광원

이런 교회에 잘 맞습니다 — 밝고 편안한 인상을 원하는 교회 · 젊은 가정이 많은 교회

판이 한 장씩 열리는 각진 구성

웜 크림 지면 위에 모서리가 잘린 판을 세웁니다. 글은 마스크가 걷히며 드러나고, 사역 구간에서는 스크롤에 따라 판이 옆으로 흐릅니다. 사진과 행사가 꾸준히 쌓이는 교회에서 가장 잘 살아납니다.

• 웜 크림 + 플럼
• 마스크가 걷히는 등장
• 옆으로 흐르는 사역 무대

이런 교회에 잘 맞습니다 — 행사와 사역이 많은 교회 · 또렷한 인상을 원하는 교회

여백의 크기만으로 리듬을 만드는 구성

순백 지면을 한 번도 뒤집지 않습니다. 첫 화면 한가운데에 정사각 도판 한 장이 서고 좌우는 통째로 비어 있으며, 도판의 밑선 바로 아래에 넘기는 단추와 표시기가 한 줄로 놓입니다. 색이 한 점도 없이 잉크와 흰 면으로만 선 구성입니다.

• 순백 + 잉크
• 정사각 도판 한 장
• 모서리가 전부 직각

이런 교회에 잘 맞습니다 — 군더더기 없는 인상을 원하는 교회 · 사진을 아껴 쓰는 교회

높이가 같은 사진 석 폭이 나란히 서는 구성

첫 화면에 사진 석 폭이 위아래 끝을 맞춰 나란히 섭니다. 가운데 폭이 넓고 좌우의 좁은 폭이 그 뒤로 조금씩 접혀 들어가, 병풍을 반쯤 펼쳐 세워 놓은 꼴이 됩니다. 한글은 전부 산세리프이고 라틴 표시만 세리프를 입어 글자 계통이 둘로 나뉩니다.

• 순백 ↔ 옅은 회색 교차
• 높이가 같은 사진 석 폭
• 이탤릭 라틴 표시

이런 교회에 잘 맞습니다 — 글과 사진을 함께 쌓아 가는 교회 · 차분한 인상을 원하는 교회

머리띠가 두 줄로 서고 그 아래 한 판이 통째로 놓이는 구성

로고가 머리띠 첫 줄 한가운데 서고 대메뉴가 그 아래 둘째 줄에 놓입니다. 첫 화면은 다시 그 아래에서 화면 폭을 끝까지 채웁니다. 판과 사진의 안쪽에 선이 한 겹 더 있어 모든 것이 액자에 든 것처럼 보이고, 지면 위쪽 절반이 차콜 어두운 면입니다.

• 뉴트럴 페이퍼 + 차콜
• 두 줄 머리띠 · 이중 테두리
• 위가 무겁고 아래가 밝다

이런 교회에 잘 맞습니다 — 예배 전통을 앞세우는 교회 · 격식 있는 인상을 원하는 교회

같은 사진이 흐린 판과 또렷한 판으로 두 번 겹치는 구성

첫 화면에 같은 사진이 두 번 나옵니다. 뒤에 크게 흐려져 지면 위쪽을 덮고, 앞에 또렷한 판으로 겹칩니다. 흐린 판은 아래로 갈수록 지면에 녹아 사라져 경계가 한 줄도 없고, 또렷한 판이 그 녹는 자리를 가로질러 섭니다.

• 순백 + 회색 보조면
• 같은 사진이 두 겹 · 각진 모서리
• 지난 설교가 3열 격자

이런 교회에 잘 맞습니다 — 밝고 또렷한 인상을 원하는 교회 · 소식이 자주 오르는 교회

첫 화면 사진 안에서 판 하나가 넘어가는 구성

머리띠가 사진 위에 투명하게 얹히고, 화면을 채운 사진의 오른쪽 아래에서 판 한 장이 저절로 넘어가며 교회의 세 장면을 보여 줍니다. 지면의 모든 움직임이 오른쪽에서 왼쪽으로 흐릅니다.

• 뉴트럴 페일 그레이 + 차콜
• 사진 안에서 넘어가는 슬라이드
• 투명 머리띠

이런 교회에 잘 맞습니다 — 첫 화면을 크게 쓰고 싶은 교회 · 현대적인 인상을 원하는 교회

제목이 흰 여백과 사진의 경계를 가로지르는 구성

왼쪽은 흰 여백, 오른쪽 3분의 2는 사진입니다. 제목이 그 경계에 걸쳐 서서 흰 면에서 시작해 사진 위에서 끝나고, 글자색은 처음부터 끝까지 잉크 한 색입니다. 사진 위에 흰 글자가 한 자도 없어 교회가 어떤 사진을 올려도 제목이 안 깨집니다.

• 웜 화이트 + 먹
• 제목이 경계를 가로지른다
• 화면 양 끝의 넘김 단추

이런 교회에 잘 맞습니다 — 사진 한 장을 크게 걸고 싶은 교회 · 화랑 같은 인상을 원하는 교회

맨 위에 먹 공지 띠, 사방에 여백을 둔 판 하나로 여는 구성

지면 맨 위에 가장 최근 공지가 먹 띠로 한 줄 서고(닫으면 사라집니다), 첫 화면은 화면을 안 채우고 사방에 여백을 둔 채 끼워져 있습니다. 글이 그 판 한가운데에 서고 제목이 가볍게 놓입니다 — 포스터가 아니라 초대장의 인상입니다.

• 순백 + 쿨 먹
• 맨 위 먹 공지 띠
• 사방 여백을 둔 끼운 판

이런 교회에 잘 맞습니다 — 공지가 자주 바뀌는 교회 · 단정하고 가벼운 인상을 원하는 교회

첫 화면에 사진이 없고 활자가 먼저 서는 구성

스무 디자인 중 첫 화면이 사진이 아닌 유일한 구성입니다. 큰 활자가 먼저 서고 그 아래로 사진 석 장이 화면 폭을 꽉 채우며 붙어 섭니다. 사진마다 아래쪽에 흰 라벨판이 얹혀 어디로 가는 링크인지 말하고, 첫 화면에 자바스크립트가 한 줄도 없습니다.

• 순백 + 흰 라벨판
• 첫 화면에 사진이 없다
• 가운데에 뜨는 대메뉴

이런 교회에 잘 맞습니다 — 표어와 글을 앞세우는 교회 · 또렷한 안내를 원하는 교회

사진 판이 왼쪽에 서고 글이 오른쪽에서 받는 구성

글과 사진이 좌우로 마주 서되, 사진이 왼쪽에 서는 유일한 구성입니다. 거의 정사각인 사진 판이 왼쪽 절반을 채우고, 표어와 안내와 버튼이 오른쪽에서 한 세로줄로 내려옵니다. 첫 화면의 밑변은 화면 끝에서 끝까지 그어진 1px 지평선이 닫고, 사진 위에는 글자를 한 자도 안 얹습니다.

• 웜 오프화이트 + 먹
• 왼쪽에 서는 사진 판
• 지평선이 닫는 첫 화면

이런 교회에 잘 맞습니다 — 조용하고 단정한 인상을 원하는 교회 · 좋은 사진이 한 장뿐인 교회

사진이 오른쪽 위 모서리를 차지하고 조작 줄이 첫 화면을 닫는 구성

첫 화면의 사진이 오른쪽 위 모서리를 차지하고, 그 왼쪽과 아래를 흰 여백이 ㄴ자로 감쌉니다. 세로 팔에는 표어가, 가로 팔에는 사진을 넘기는 조작 줄이 섭니다 — 단 전체를 가로지르는 1px 선 위에 번호와 도트가 왼쪽 끝, 앞뒤 단추가 오른쪽 끝에 놓여 첫 화면을 한 구간으로 봉합니다. 지면에 곡선이 한 군데도 없어, 형태를 만드는 것은 오직 면과 직각입니다.

• 라이트 그레이 + 순백
• 첫 화면을 닫는 조작 줄
• 곡선이 한 군데도 없다

이런 교회에 잘 맞습니다 — 부드럽고 현대적인 인상을 원하는 교회 · 사진이 꾸준히 오르는 교회

첫 화면이 통째로 먹이고 그 위에 사진 한 판이 놓이는 구성

스무 디자인 중 첫 화면의 지면 자체가 먹인 유일한 구성입니다. 왼쪽에 가는 흰 활자로 표어가 서고, 오른쪽에 정사각 사진 한 판이 1px 헤어라인을 두르고 놓입니다. 글이 사진이 아니라 단색 면 위에 있어 교회가 어떤 사진을 올려도 대비가 17:1 로 고정이고, 사진은 한 장만 있으면 됩니다.

• 첫 화면 전체가 먹
• 먹 위에 놓인 사진 한 판
• 판이 옆으로 미끄러지는 호버

이런 교회에 잘 맞습니다 — 사진이 적은 교회 · 차분하면서 인상이 뚜렷하기를 바라는 교회

정원 둘이 겹쳐 서고 작은 원이 다음 장을 미리 보여 주는 구성

첫 화면의 사진이 완전한 원으로 섭니다. 왼쪽 아래에 걸친 작은 원이 다음에 올 사진을 미리 담고 있어, 누르면 그 장으로 넘어갑니다. 원의 둘레에는 아무 선도 두르지 않고, 두 원 사이만 지면색 링이 갈라 줍니다. 지면의 모든 호버가 그 링의 되풀이입니다.

• 웜 샌드 + 아이보리
• 겹쳐 선 정원 둘
• 판 밖으로 퍼지는 후광 호버

이런 교회에 잘 맞습니다 — 따뜻하고 부드러운 인상을 원하는 교회 · 젊은 가정이 많은 교회

사진 판의 오른쪽 변에 세로 탭 넷이 물려 서는 구성

왼쪽에 표어가 서고 오른쪽에 사진 판 한 장이 섭니다. 그 판의 오른쪽 변에 예배 안내·새가족·오시는 길·금주 주보 네 칸이 세로 기둥으로 물려 있어, 처음 온 사람이 찾는 것이 첫 화면에서 바로 눌립니다. 기둥은 제 순백 면과 옅은 회색 헤어라인을 들고 있어 어떤 사진을 올려도 글자가 흐려지지 않고, 사진은 한 장만 있으면 됩니다.

• 페일 화이트 + 순백 탭 기둥
• 판에 물린 세로 탭 넷
• 대각선 등장

이런 교회에 잘 맞습니다 — 안내가 먼저 눈에 띄기를 바라는 교회 · 사진이 한두 장뿐인 교회

활자가 단 전체를 쓰고 그 아래를 사진과 예배 시각이 나눠 받는 구성

글과 사진이 좌우가 아니라 위아래로 나뉘는 구성입니다. 가벼운 활자가 단 전체를 쓰며 한 덩이로 서고, 그 아래층을 판 둘이 나란히 받습니다 — 왼쪽이 사진 한 판, 오른쪽이 예배 시각 네 줄입니다. 처음 온 사람이 가장 먼저 찾는 것이 첫 화면 안에서 바로 읽히고, 사진에도 판에도 테두리가 한 줄도 없이 한 단 어두운 면이 그 일을 대신합니다.

• 순백 지면 + 선 없는 마감
• 사진과 나란히 선 예배 시각 네 줄
• 글과 사진이 위아래로 나뉜다

이런 교회에 잘 맞습니다 — 여백이 넓고 조용한 인상을 원하는 교회 · 사진이 한두 장뿐인 교회