텔레그램, WhatsApp 앱+380637610482
발레리 다니우크
발레리 다니우크개발자기업을 위한 고품질의 AI 도구를 합리적인 가격에 개발합니다.Telegram으로 문의하기
Ventriloc — 이 스타일의 사이트 미리보기

Ventriloc

따뜻한 종이 위에 펼쳐진 편집 데이터 관측소 - 흑백의 정밀함을 강조하는 하나의 주황색 불씨

Ventriloc은 차분하고 편집자적인 어조로 말합니다. 따뜻하고 선명한 흰색 바탕에 고정폭의 정밀한 데이터 카드, 그리고 인쇄된 보고서에 형광펜으로 표시하듯 단색 배경에 포인트를 주는 단 하나의 주황색 숯색이 특징입니다. 이 시스템은 제목에 맞춤 디자인된 네오 그로테스크 서체(PolySans)를 400포인트 두께로 사용하여, 양적인 권위보다는 정밀함을 통해 권위를 부여하는 독특한 절제미를 보여줍니다. 본문과 인터페이스 요소에는 Inter 서체를 사용합니다. 표면은 차가운 기술적인 파란색 대신 따뜻한 회색과 크림색을 사용하고, 카드는 비대칭적인 모서리 둥글림(오른쪽 위 모서리는 날카롭고 나머지는 부드러움)을 적용했으며, 인터랙티브 요소는 날카로운 각도의 텍스트 스타일 버튼과 알약 모양의 탐색 컨테이너라는 두 가지 형태로 구분됩니다. 색상은 최소한으로 사용됩니다. 페이지는 95% 무채색 스타일로 디자인되어야 하며, 주황색은 강조 표시, 링크 밑줄, 데이터의 장식적 악센트와 같은 기능적인 용도로만 사용됩니다.

컨테이너의 최대 너비는 1200px이며, 중앙에 배치되고 각 섹션 사이에는 80px의 넉넉한 여백이 있습니다. 메인 요소는 두 개의 열로 나뉘어 있는데, 왼쪽에는 헤드라인, 부제목, 그리고 두 개의 클릭 유도 버튼이 있고, 오른쪽에는 흰색 배경 위에 겹쳐진 세 개의 데이터 카드(재무 차트, 매출 통계, 수익성 차트)가 있습니다. 메인 요소 아래에는 흰색 배경에 전체 너비의 파트너 로고 스트라이프가 있습니다. 이후 섹션들은 회색(#efefef)과 흰색 스트라이프가 번갈아 나타납니다. 내비게이션은 헤더 중앙에 위치한 알약 모양의 컨테이너로, 브랜드 로고는 왼쪽에, 어두운 색상의 "문의하기" 버튼은 오른쪽에 정렬되어 있습니다. 전체적인 레이아웃은 여유롭고 편집적인 느낌을 주며, 넓은 여백, 높이가 있는 섹션, 그리고 타이포그래피 외에 유일한 시각적 포인트 역할을 하는 데이터 카드가 특징입니다.

시각적 디자인은 거의 전적으로 데이터 기반입니다. 차트 위젯(선 그래프, 원형 진행률 표시줄, 통계 카드)은 흰색 바탕에 얇은 주황색과 황동색 선으로 이루어진 평면적이고 미니멀한 스타일로 디자인되었습니다. 홈페이지에는 라이프스타일 사진, 스톡 이미지, 일러스트레이션이 전혀 없습니다. 유일한 사진 콘텐츠는 흑백의 흑연색으로 표현된 파트너/클라이언트 로고뿐입니다. 이러한 시각적 언어는 일반적인 SaaS 웹사이트보다는 인쇄된 연간 보고서에 더 가깝습니다. 차트 자체가 이미지이기 때문입니다. 아이콘은 얇고 단선이며 흑연색으로 되어 있고, 내비게이션 바와 카드 헤더에 최소한으로 배치되어 있습니다.

팔레트

상표

  • Ember Orange #ff682c — 주황색은 링크, 태그 및 짧은 문구를 강조하는 데 사용됩니다. 클릭 유도 문구의 주요 색상으로 사용해서는 안 됩니다.

중립적

  • Graphite #202020 — 본문, 제목, 탐색 링크, 아이콘 윤곽선은 모든 인터페이스 요소의 타이포그래피적 기본 요소입니다.
  • Canvas White #ffffff — 페이지 배경, 카드 입체감, 아이콘 채우기—시스템에서 가장 밝은 부분입니다.
  • Ash #efefef — 카드와 섹션의 주요 배경, 즉 내비게이션 바의 컨테이너는 주로 따뜻한 회색 계열의 표면입니다.
  • Fog #f5f5f5 — 중첩된 표면과 보조 용기에 어울리는 은은한 배경색입니다.
  • Ivory #ebe6dd — 메인 블록에 따뜻한 느낌의 배경을 사용하여 종이 질감을 표현했습니다.
  • Steel #4d4d4d — 보조 본문, 긴 단락 텍스트

타이포그래피

14px에서 66px로 · 5단계

  • PolySans — 대사: Inter Tight or Space Grotesk at weight 400 · 요점 400 · 제목 및 장식 텍스트 - 맞춤 디자인된 네오 그로테스크 서체는 400 굵기, -0.02em 자간으로만 사용되어 어떤 굵은 제목도 흉내낼 수 없는 은은한 편집 권위를 만들어냅니다.
  • Inter — 대사: system-ui or Roboto · 요점 400, 500, 600 · 본문 텍스트, UI 요소 레이블, 버튼 텍스트, 제목, 메타데이터 - 제목을 제외한 모든 것에 사용할 수 있는 범용 산세리프 글꼴입니다.

간격과 형태

목적의미
밀도평균
기본 단계20px
버튼 반경0px
카드 반경8px
그림자아니요 - 그림자 대신 테두리를 사용합니다.
구간 사이80px
페이지 너비1200px

AI가 Ventriloc 스타일로 웹사이트를 구축하고 내용을 채워줍니다.

  • 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
  • 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
  • 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
  • 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.

비슷한 스타일

  • Ui — 무광택 용지에 인쇄된 임상 계획서
  • Geniestudio — 은은한 햇살이 비치는 노트, 여백이 넓고 펜으로 굵게 한 줄 써진 그런 노트
  • xAI — 따뜻한 크림 랩과 블랙 필
  • Cal — 단색의 실용성과 인간미. 엄격한 흑백 색상 팔레트를 통해 명확성과 기능성을 최우선으로 하되, 친근한 타이포그래피와 둥근 형태로 부드러움을 더한 시스템입니다.
  • Scale — 고품질 박물관급 사진 현상소와 기술 프로젝트가 결합되었습니다.
  • Contractbook — 짙은 남색 하늘 아래 크림색 종이로 된 계약서
  • AutoSend — 보라색 조명 하나가 비추는 아늑한 돌로 된 스튜디오에는 세리프체로 쓰인 제목과 밝은 남색의 행동 촉구 문구가 조용하고 거의 하얀 공간에 공존합니다.
  • Air — 조각 작품 "유리를 통해 본 한밤중의 하늘"
  • SpatialChat — 흰 양피지 위에 보라색 맥박
  • Squarespace — 시네마틱 모노크롬 갤러리
  • Giga — 서리가 내린 흑요석 위로 펼쳐진 한밤중의 지평선
  • Supabase — 한밤중의 코드 편집기, 석탄 먼지 바다 위에 빛나는 형광 녹색 점 하나 - 단 하나의 색채의 맥박