Calendly
차가운 대리석 위에 진한 파란색 잉크
Calendly는 차분하고 자신감 넘치는 계획 수립 공간처럼 느껴집니다. 거의 흰색에 가까운 캔버스에 여유로운 공간이 마련되어 있고, 깔끔한 흰색 제품 카드가 시원한 회색 배경에 떠 있는 듯하며, 모든 타이포그래피는 순수한 검정색이 아닌 짙은 파란색 잉크로 인쇄되어 있습니다. 핵심 요소는 텍스트가 나타나는 모든 곳(제목, 버튼, 아이콘, 링크)에 사용된 짙은 파란색(#0b3558)입니다. 이 색상은 전체 인터페이스를 부드럽게 만들어 일반적인 SaaS 랜딩 페이지보다 따뜻하고 세련된 느낌을 줍니다. 모든 주요 작업에는 밝은 파란색(#006bff)이 사용되었고, 제품 레이아웃을 넘어 확장되는 장식적인 분홍색과 파란색 포인트는 복잡해 보이지 않으면서도 따뜻한 느낌을 더합니다. 구성 요소는 절제된 디자인으로 유지되었습니다. 얇은 1px 테두리, 은은한 푸른빛 그림자, 24px의 큰 카드 모서리 반경, 8px 버튼 모서리는 밋밋함이 아닌 의도적인 느낌을 줍니다.
데스크톱 환경에서 최대 너비는 1200px이며, 중앙에 배치되고 여백이 넓습니다. 메인 화면은 두 개의 열로 나뉘는데, 왼쪽 열에는 80px 헤더와 본문 텍스트, 그리고 세로로 배열된 로그인 버튼이 있고, 오른쪽 열에는 배경에 장식 요소가 있는 예약 위젯 카드가 있습니다. 메인 화면 아래에는 Trust 로고가 있는 전체 너비의 스트라이프가 있습니다. 이후 섹션들은 중앙에 배치된 헤더 블록(H2 + 부제목 + 선택적 클릭 유도 버튼)과, 각 제품 이미지 뒤에 장식 요소가 있는 두 열로 구성된 제품 설명 블록(왼쪽 텍스트/오른쪽 제품 또는 왼쪽 제품/오른쪽 텍스트)이 번갈아 나타납니다. 카드 그리드는 거의 사용되지 않으며, 여러 열로 구성된 그리드보다는 나란히 배치된 두 개의 섹션을 선호합니다. 섹션 간 간격은 48px에서 64px 사이입니다. 내비게이션은 64px 고정 상단 바로 구성되며, 왼쪽에는 로고, 중앙에 배치된 메뉴, 오른쪽에는 클릭 유도 버튼 그룹이 있습니다.
주요 시각적 요소는 제품 스크린샷입니다. 예약 캘린더 사용자 인터페이스의 간단한 목업 이미지가 넓고 둥근 모서리의 깔끔한 흰색 카드에 렌더링되어 있습니다. 장식적인 디자인으로, 각 제품 카드는 산호색 보라색(#e55cff) 또는 하늘색 파란색(#0099ff)의 부드러운 점으로 둘러싸여 있으며, 이 점은 약간 어긋나고 흐릿하게 처리되어 평면적인 스크린샷이 아닌 콜라주 효과를 연출합니다. 사진이나 라이프스타일 이미지는 사용하지 않고, 모든 시각적 요소는 제품 사용자 인터페이스, 추상적인 강조 도형 또는 신뢰 표시줄에 있는 흑백 파트너 로고로 구성됩니다. 아이콘은 선 굵기 1.5~2px의 선형 흑백 이미지이며, 진한 파란색(잉크 네이비) 또는 파란색(시그널 블루)으로 제공됩니다.
팔레트
상표
- Ink Navy
#0b3558— 본문, 제목, 아이콘, 클릭 유도 문구의 어두운 배경, 탐색 링크. - Signal Blue
#006bff— 주요 행동 유도 버튼(CTA), 능동적 탐색, 링크 강조, 선택된 상태
중립적
- Carbon
#0a0a0a— 텍스트는 순수한 검정색(대체 색상), 로고 글리프, 아이콘 채우기로 표시됩니다. - Slate Gray
#476788— 추가 본문, 보조 텍스트, 흐릿한 레이블. - Mist Gray
#a6bbd1— 비활성화된 텍스트, 비활성화된 기능 레이블, 밝은 아이콘 윤곽선 - Cloud
#f8f9fb— 페이지 캔버스, 바닥글 배경, 추가 표면 - Paper
#ffffff— 카드 표면, 볼록한 패널, 어두운 배경에 버튼 텍스트. - Pebble
#f0f3f8— 아이콘 배경 이미지, 입력 필드 음영, 미묘한 구분선, 마우스 오버 효과.
타이포그래피
12픽셀에서 80픽셀로 · 10단계
- Gilroy — 대사: Manrope · 요점 400, 500, 600, 700 · 모든 인터페이스 텍스트. Gilroy는 넓은 개구부와 균일한 획 대비를 가진 기하학적 휴머니스트 산세리프체입니다. 굵은 굵기(700)는 제목에 사용되고 500~600은 버튼과 부제목에 사용됩니다. Manrope 또는 Inter로 교체하십시오.
- Gilroy — 대사: Inter · 요점 400 · 본문 텍스트 및 일반적인 UI 레이블 - 400포인트 글꼴 두께는 긴 텍스트도 무겁지 않으면서 읽기 쉽게 해줍니다.
- Gilroy — 대사: Inter · 요점 500 · 보조 제목 및 강조 표시된 본문 텍스트 - 14/500 글꼴은 카드 제목 및 인라인 레이블에 사용되는 주요 도구입니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 밀집한 |
| 기본 단계 | 8-16px |
| 버튼 반경 | 8px |
| 카드 반경 | 24px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 48-64px |
| 페이지 너비 | 1200px |
AI가 Calendly 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- ElevenLabs — 따뜻한 크림색 톤의 사진 에세이에 은은한 제목이 더해졌습니다. 바우하우스 스타일의 노트는 달걀 껍질색 종이에 검정 잉크를 사용하고, 보라색과 주황색으로 포인트를 주어 제품을 돋보이게 합니다.
- Awesomic — 편집용 아연 메시 소재에 색종이 조각을 연상시키는 주황색 구두점이 있습니다.
- Monad — 따뜻한 양피지에 대한 편집 기술 저널
- Dub — 링크의 무광택 쌀 종이 재질 컨트롤 패널
- Seline Analytics — 따뜻한 종이 위에 놓인 조용한 분석표
- Notion — 한낮의 따스한 햇살 아래 따뜻한 종이 노트
- Anthropic — 따뜻한 느낌의 양피지에 인쇄된 과학 분야 저널—차분한 상아색 표면, 세리프체로 쓰인 편집 제목, 그리고 필요한 순간에만 나타나는 단 하나의 점토색 포인트.
- Augen Pro — 애플의 하얀색 프레젠테이션은 단색 공간에 깔끔하고 가벼운 느낌의 강렬한 파란색을 유일한 포인트 색상으로 사용했습니다.
- Antimetal — 크림색 종이에 인쇄된 편집 기록 - 절제가 자신감을 드러내고 세리프체가 중요한 역할을 하는 과학 저널의 조용한 아침.
- Perk — 따뜻한 양피지 위에 전기 석회
- Ditto — 햇살 가득한 작업실에서 야생화 샘플을 제작하고 있습니다. 따뜻한 크림색 표면에 생생한 노란색 바탕색, 짙은 남색 잉크, 작품 뒤편으로 피어나는 유기적인 색채의 형태들이 어우러져 있습니다.
- Officevibe — 따뜻한 크림색 종이에 인쇄된 잡지. 인사 관리에 대한 심도 있는 에세이가 하나의 상품처럼 담겨 있다고 상상해 보세요. 모던한 파란색 인터페이스를 배경으로 부드러운 필기체 글꼴이 은은하게 흘러나옵니다.