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

Linear

한밤중 정밀 기기

리니어 디자인 시스템은 거의 검은색(#08090a) 바탕에 선명한 흰색 서체와 기능적인 손전등 역할을 하는 연두색 포인트(#e4f222)가 돋보이는, 마치 야간 작전 지휘소와 같은 분위기를 연출합니다. 작고 대비가 강한 이 포인트는 동작을 나타내는 데 필요한 최소한의 요소로 사용됩니다. 인터페이스는 어둠을 테마가 아닌 기반으로 삼고 있습니다. 텍스트는 선명한 흰색에 좁은 자간(-0.022em)을 사용했고, 글꼴 두께는 굵은 글꼴이 아닌 400~510 정도의 낮은 굵기로 설정했으며, 테두리는 매우 얇게(0.5px) 처리하여 그림자가 담당하는 역할을 기하학적 형태로 표현했습니다. 구성 요소들은 6px 및 12px 반경, 8~12px의 컴팩트한 여백, 그리고 거의 완벽한 장식 요소 배제를 통해 정교하게 제작된 듯한 느낌을 줍니다. 덕분에 제품 UI(작업 카드, 칸반 보드, AI 에이전트 패널)는 차분한 시스템 속에서 유일한 시각적 요소로 자리매김합니다.

레이아웃은 최대 너비가 약 1200px이고 중앙에 배치되어 있으며, 어두운 배경이 화면 가장자리까지 확장되어 있습니다. 주요 요소는 왼쪽 정렬(64~72px)된 큰 헤드라인과 오른쪽 정렬된 클릭 유도 버튼(CTA), 그리고 최대 너비를 약간 넘어서는 큰 제품 스크린샷입니다. 섹션 구성은 왼쪽에 텍스트, 오른쪽에 이미지가 있는 2단 레이아웃과 96px의 세로 간격으로 구분된 전체 너비의 제품 디스플레이 스트립이 번갈아 나타납니다. 클라이언트 로고 스트립은 가로 한 줄로 배치됩니다. 이 페이지는 3단 카드 그리드나 타일 구조를 사용하지 않으며, 대부분의 섹션에 충분한 여백을 활용하고 화면에 하나의 초점 요소만 배치하여 정보 밀도를 낮게 유지합니다. 내비게이션은 사이드바나 메가 메뉴 없이 왼쪽 정렬된 로고와 오른쪽 정렬된 링크로 구성된 고정 상단 바입니다.

Linear의 시각적 언어는 제품 스크린샷을 기반으로 합니다. 페이지 시작 부분과 각 섹션의 일러스트는 Linear 앱의 사용자 인터페이스를 최대한 세밀하게 캡처한 실제 이미지입니다. 작업 카드, 칸반 보드, AI 에이전트 대시보드, 명령 팔레트 등이 얇은 프레임 안에 배치되어 있습니다. 스톡 사진, 라이프스타일 이미지, 추상적인 일러스트는 전혀 사용하지 않았습니다. 로고는 고객에게 동일한 크기의 중립적인 회색 줄무늬(#8a8f98)로 표시됩니다. 아이콘은 단색 회색조의 미니멀한 선형 SVG 이미지입니다. 페이지 상단의 스크린샷은 미묘한 선형 그라데이션(어두운 색에서 밝은 색으로) 위에 떠 있는 듯한 효과를 주어 실제 풍경을 사용하지 않고도 분위기 있는 깊이감을 연출합니다. 모든 시각적 요소는 제품 자체의 기능적 요소입니다.

팔레트

상표

  • Acid Lime #e4f222 — 주요 제어 버튼과 활성 탐색 표시기는 단색 색상 구성을 깨는 밝은 포인트 요소입니다.

중립적

  • Mist #d0d6e0 — 보조 제목, 어두운 표면의 버튼 텍스트
  • Void #08090a — 페이지 캔버스, 전체 너비 배경 이미지 - 기본적으로 모든 요소는 이 배경 위에 배치됩니다.
  • Carbon #0f1011 — 카드 표면, 즉 내비게이션 바는 카드 내부에 콘텐츠를 배치하기 위한 캔버스보다 한 단계 높은 수준입니다.
  • Obsidian #161718 — 볼록한 표면, 더 깊은 골판지 패널
  • Graphite #23252a — 은은한 테두리, 구분선, 은은한 버튼 윤곽선 – 대비가 낮은 질감의 가장자리
  • Smoke #383b3f — 얇은 테두리는 흑연(단면 구분선)보다 대비가 더 높습니다.

타이포그래피

13픽셀에서 72픽셀로 · 8단계

  • Inter Variable — 대사: Inter (variable) · 요점 300, 400, 510, 590 · 기본 UI 및 헤더 글꼴 - 탐색 메뉴, 본문 텍스트, 제목, 버튼 및 카드에 사용됩니다.
  • Berkeley Mono — 대사: JetBrains Mono · 요점 400 · 코드 인접 UI 텍스트 - 릴리스 식별자(ENG-2703), 키보드 단축키, 고정폭 글꼴 메타데이터

간격과 형태

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

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

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

비슷한 스타일

  • Aaru — 자정의 입자장 관측소
  • Atlas Card — 한 줄기 사파이어 빛줄기가 뻗어 있는 미드나잇 볼트는 칠흑 같은 어둠 속에서 오직 깊고 강렬한 파란색만이 중요한 의미를 지닌 공간입니다.
  • Checkly — 심궤도 임무 관제 센터
  • Savee — 시각 큐레이터를 위한 블랙 캔버스
  • Inngest — 어둡고 조용한 천문대는 계측기 작업을 위한 설비를 갖추고 있으며, 단 하나의 황색 표시등으로만 밝혀져 있다.
  • Dala — 검은 벨벳 위에 떠 있는 별자리
  • Origin Financial — 고요한 화려함이 감도는 한밤중의 갤러리. 크고 선명한 세리프체 글꼴과 몇 개의 조명이 켜진 색색의 패널이 어우러져 금융이 세심하게 선별된 예술 작품이라는 느낌을 자아내는 조용하고 거의 어두운 공간.
  • Hyperstudio — 이 디자인은 흑요석에 새겨져 있습니다. 글자와 가는 선들이 순수한 검은색의 흰색 공간을 둘러싸고 있으며, 간간이 금색 나침반 표시가 방향을 알려줍니다.
  • Air — 조각 작품 "유리를 통해 본 한밤중의 하늘"
  • Resend — 보라색 네온 컬러가 들어간 검은색 벨벳
  • Raycast — 미드나잇 커맨드 센터, 코랄 네온
  • Dimension — 은은한 조명이 비추는 작업 공간, 불투명 유리 패널