ThoughtLab
붉은색 신호가 새겨진 흑요석 기념비. 칠흑 같은 공허함 속에서, 성당 안에서 유일하게 선명한 붉은색을 띠는 것은 커다란 흰 글자로 인쇄된 단 하나의 색채 있는 형상이다.
ThoughtLab은 마치 검은 성당의 디자인 언어처럼 작동합니다. 텅 빈 검은 캔버스, 단 하나의 붉은색 맥박, 그리고 건축물처럼 기능하는 거대한 타이포그래피가 특징입니다. 시스템은 거의 완전히 무채색으로 이루어져 있으며, #cccccc는 본체를, #ffffff는 디스플레이를 나타냅니다. #fc1c46은 단 하나의 주요 동작에서만 나타나며, 텅 빈 배경 위에서 절제된 긴장감을 자아냅니다. 위계는 색상, 그림자 또는 채우기가 아닌 급격한 크기 변화(198px → 14px)를 통해 구축됩니다. 구성 요소는 무게감이 없습니다. 투명한 카드, 알약 모양의 버튼, 얇은 입력 필드, 그리고 입체적인 쌓임 구조가 없습니다. 페이지는 컨테이너가 아닌 여백과 빽빽하게 채워진 대문자를 통해 숨 쉬는 듯한 느낌을 줍니다.
페이지 전체 너비를 차지하는 어두운 캔버스에 넓은 가로 여백(양쪽 126px)이 있어 콘텐츠 열이 약 1400px까지 확장되었습니다. 헤더는 72px 너비의 한 줄로 구성되어 있으며, 왼쪽에는 로고, 가운데에는 슬로건, 알약 모양의 클릭 유도 버튼, 오른쪽에는 햄버거 메뉴가 배치되어 있습니다. 히어로 영역은 분할된 형태로, 왼쪽에는 198px 크기의 대문자 헤드라인이 있고 그 아래 18px 간격으로 본문 내용이 있으며, 오른쪽 중앙에는 3D 구체가 텍스트를 부분적으로 감싸고 있습니다. 히어로 영역 아래에는 섹션들이 86~108px 간격으로 여유롭게 세로로 배열되어 있습니다. 작품의 요소들은 카드 그리드 방식이 아닌, 페이지 전체 너비를 거의 차지하는 목록 형태로 표시됩니다. 사이드바, 메가 메뉴, 열 그리드가 있는 푸터는 없으며, 푸터에는 저작권 정보와 연락처 정보가 한 줄로 간결하게 표시되어 있습니다. 헤더를 넘어 이동하는 경우 전체 화면 오버레이에 햄버거 메뉴가 나타납니다.
이미지는 최소한으로 사용되었으며 의도적으로 선별되었습니다. 가장 눈에 띄는 시각적 요소는 WebGL로 렌더링된 거대한 흑요석빛 액체 구체입니다. 어둡고 거의 검은색에 가까운 이 3D 형태는 가장자리를 따라 은은한 파란색과 황색 반사가 있으며, 검은색 배경 위에 떠 있고 제목을 부분적으로 덮고 있습니다. 이는 일러스트레이션이라기보다는 브랜드 아이콘에 가깝습니다. 프로젝트 썸네일은 사진이나 비디오 형식으로 세로 목록 형태로 테두리 없이 꽉 차게 표시됩니다. 라이프스타일 사진이나 스톡 이미지, 장식적인 그라데이션은 사용되지 않았습니다. 구체와 글자가 페이지의 유일한 시각적 요소입니다.
팔레트
상표
- Crimson Signal
#fc1c46— 핵심적인 강조 요소는 단 하나의 붉은색 요소입니다. 이 요소는 "연락처" 탭과 브랜드 로고에만 나타나며, 다른 곳에서는 찾아볼 수 없습니다. 이처럼 붉은색 요소가 드문 이유는 디자인의 특수성 때문입니다.
중립적
- Void
#000000— 페이지 배경, 즉 캔버스는 다른 모든 요소들이 떠 있는 절대적인 기반입니다. - Ash
#cccccc— 본문 및 링크 텍스트, 검정색 바탕에 기본 텍스트 색조 - 순백색 대신 선택한 이유는 시각적 반사를 줄이기 위함입니다. - Frost
#ffffff— 제목, 버튼 텍스트, 입력 필드 텍스트 및 마크업을 표시하는 가장 눈에 띄는 레벨로, 선형적인 콘텐츠를 위해 설계되었습니다. - Graphite
#4c4c4c— 저작권 표시, 메타 태그, 보조 텍스트 - 본문과 충돌하지 않도록 의도적으로 강조 표시했습니다.
타이포그래피
10픽셀에서 198픽셀로 · 7단계
- sui — 대사: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · 요점 300, 400, 500, 700 · Sui는 하나의 폰트로 모든 것을 표현할 수 있는 맞춤형 기하학적 산세리프 폰트입니다. 헤드라인(198px)부터 캡션(10px)까지 다양한 크기에 사용 가능합니다. 700 웨이트는 웅장한 헤드라인이나 큰 제목에 사용되며, 400 웨이트는 나머지 부분에 사용됩니다. 굵은체와 보통체의 대비가 주요 폰트 시스템이므로, 별도의 폰트 패밀리는 필요하지 않습니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 밀집한 |
| 기본 단계 | 9px |
| 버튼 반경 | 9999px |
| 카드 반경 | 0px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 86-108px |
| 페이지 너비 | 1400px |
AI가 ThoughtLab 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- Vivid+Co — 흑요석을 통과하는 프리즘 빛
- Sequel — 어두워진 후의 비공개 상영회만이 캄캄한 영화관에서 유일하게 따뜻한 빛이다.
- Dovetail — 검은 달 아래 놓인 설계도 - 거의 보이지 않는 그래프 선, 하얀 글씨, 그리고 보라색 반짝임 하나
- MekaVerse — 흑백의 디지털 유물 갤러리—마치 박물관 전시물처럼 렌더링된 세계가 걸려 있는 칠흑 같은 공허함, 그리고 전체 사용자 인터페이스는 무광 검정 유리 위에 흰색 잉크로 인쇄된 것이다.
- Krea — 한밤중의 갤러리 느와르
- Factory — 한밤중의 "작전실" 단말기. "공장"은 삭막한 검은색 제어판으로, 손전등에 비친 전령처럼 하얀 카드 한 장이 놓인다. 방 안에 있는 유일한 물건은 바로 작업 그 자체이다.
- basement — 새벽 3시의 텅 빈 인쇄기 - 거대하고 압축된 글꼴들이 칠흑 같은 어둠 속에 펼쳐져 있고, 내비게이션 바에 희미한 주황색 불빛 하나만 빛나고, 나머지는 모두 하얗거나 희미한 회색이다.
- Stink Studios — 한밤중의 영화 스튜디오 - 영사기가 윙윙거리고, 방은 어둡고, 오직 필름만 빛을 발하고 있다.
- Apple (España) — 조명 장치가 있는 검은색 극장
- Charlie — 수도원 석재에서 흑요석으로 새겨진 활자체. 붉은 벽 하나가 귀청을 찢을 듯한 정적을 자아내는 포트폴리오.
- Rive — 고정밀 야간 투시 기능. 특수 렌즈가 탑재된 인터페이스는 어둠을 투과하여 기술적 세부 사항을 절대적인 선명도로 보여줍니다.
- Datalands — 검은색 성당에 네온 불빛 하나가 깜빡인다. 로고가 성당 중앙을 가득 채우고 있고, 나머지 글자들은 그 아래에서 거의 들리지 않을 정도로 희미하다.