Dala
검은 벨벳 위에 떠 있는 별자리
달라는 검은색 공백과 강렬한 보라색 포인트가 어우러진 어두운 공간을 연출하며, 그 사이사이에 호박색 반짝임이 더해집니다. 타이포그래피는 400포인트의 PPNeueMontreal 서체가 큼직하면서도 가볍게 사용되었는데, 각 헤드라인은 78~113픽셀의 큰 크기와 과감한 네거티브 자간으로 강조되어 정보를 전달하는 것보다 조각 작품처럼 느껴집니다. 시각적 중심에는 작고 다채로운 삼각형 입자들이 유기적인 뇌 모양을 이루고 있는데, 이는 계층적인 데이터가 아닌 분산된 지능으로 시각화된 지식을 상징하는 브랜드의 시그니처 디자인 요소입니다. 레이아웃은 넉넉한 2단 구성으로, 큰 크기의 왼쪽 정렬 헤드라인과 넓은 본문 텍스트가 패널, 프레임, 카드 없이 깔끔한 검은색 배경 위에 떠 있는 듯한 느낌을 줍니다. 구성 요소는 의도적으로 가장 핵심적인 형태로 축소되었습니다. 보라색 알약 모양 버튼 하나, 숨겨진 텍스트 링크, 그리고 큰 텍스트 블록이 그것입니다.
전체 너비의 섹션들은 순수한 검정색 캔버스 위에 배치되며, 최대 콘텐츠 너비는 약 1280px이고 중앙에 정렬됩니다. 메인 섹션은 비대칭적인 2단 레이아웃을 특징으로 합니다. 왼쪽 절반에는 왼쪽 정렬된 큰 헤드라인(113px)과 본문, 그리고 클릭 유도 문구가 있고, 오른쪽 절반에는 거대한 크기의 "입자 두뇌" 시각화 이미지가 자리합니다. 이후 섹션들은 2단 레이아웃(왼쪽 시각화/오른쪽 텍스트, 그 다음 왼쪽 텍스트/오른쪽 시각화)이 번갈아 가며 배치되어 지그재그 형태의 읽기 리듬을 만들어냅니다. 섹션 사이의 간격은 넉넉합니다(세로 60~120px). 카드 그리드, 가격표, 여러 단으로 구성된 기능 설명은 없으며, 콘텐츠는 여유로운 2단 텍스트-시각적 블록으로 구성됩니다. 탐색은 사이드바나 메가 메뉴 없이 최소한의 투명한 상단 바를 사용합니다. 요소 밀도는 매우 높아서 뷰포트당 한두 개의 요소만 배치되어 정보가 과도하게 많지 않습니다.
시각 디자인은 전적으로 절차적이고 추상적이며, 팀 사진을 제외하고는 사진을 전혀 사용하지 않습니다. 브랜드의 시각적 정체성은 수천 개의 작고 윤곽선이 있는 삼각형 입자들이 풍부하고 생동감 넘치는 색상 스펙트럼(보라색, 황색, 청록색, 자주색, 파란색)으로 표현된 조밀한 구름 형태로, 유기적인 뇌/뉴런 모양을 형성합니다. 이 입자들은 애니메이션 효과를 통해 메인 이미지이자 브랜드 정체성의 핵심 요소로 기능합니다. 주변의 입자들은 밀도가 낮아 페이지 배경을 가로지르며 움직입니다. 삼각형은 윤곽선이 있고, 선 굵기는 1~2픽셀이며, 모서리는 날카롭고, 풍부하고 다채로운 색상을 사용합니다. 회색조는 절대 사용하지 않습니다. 팀 사진은 테두리나 겹침 없이 크고 둥근 직사각형(반지름 124픽셀)으로 표시됩니다. 제품 스크린샷, 라이프스타일 사진, 3D 렌더링 이미지는 일절 사용하지 않고, 입자 시스템 자체가 시각적 브랜드의 핵심입니다.
팔레트
상표
- Electric Iris
#8052ff— 주요 작동 버튼, 로고 및 브랜드 강조 요소는 검은색 배경과 대비되는 풍부한 보라색 단일 색상으로 구성되어 상호 작용성과 브랜드 정체성을 나타냅니다.
중립적
- Void
#000000— 페이지 캔버스, 섹션 배경, 여백 등 주된 표면은 어두운 회색이 아닌 순수한 검은색으로 되어 있어 색채적 악센트가 자유롭게 떠다닐 수 있는 공간을 만들어냅니다. - Bone White
#ffffff— 제목, 본문, 아이콘 채우기, 활성 탐색 상태 - 검정색 배경에서 최대한의 계층 구조를 제공하는 유일한 타이포그래피 색상입니다. - Ash Gray
#9a9a9a— 은은한 탐색 텍스트, 반투명 링크 색상 및 추가 레이블은 본문 뒤에 숨겨지지만 완전히 사라지지는 않습니다. - Silver Mist
#bdbdbd— 추가 텍스트 및 캡션 수준의 정보는 맥락을 지원하기 위해 가장 차분하고 읽기 쉬운 회색으로 표시됩니다. - Saffron Spark
#ffb829— 텍스트를 강조하고, 링크를 부각하고, 구두점을 이용해 시선을 사로잡는 등, 보라색 배경에 따뜻한 노란색을 사용하여 브랜드에 색채적 긴장감을 조성합니다. - Deep Verdant
#15846e— 2차 표면 색조 처리, 즉 그라데이션 로고 스톱은 브랜드 그라데이션의 더 어두운 가장자리와 거의 눈에 띄지 않는 액센트 전환 형태로 나타납니다.
타이포그래피
12픽셀에서 113픽셀로 · 10단계
- PPNeueMontreal — 대사: Inter · 요점 200, 400, 600, 700 · 모든 UI 컨텍스트에서 일관된 글꼴이 사용됩니다. 디스플레이 크기(78~113px)의 제목에는 400 두께에 -0.04em 자간이 사용됩니다. 이는 본문과 동일한 두께이지만, 더 큰 크기를 통해 계층 구조를 만듭니다. 18px 크기의 본문에는 200 두께(매우 얇은 글꼴)가 사용됩니다. 이는 브랜드 고유의 결정입니다. 대부분의 AI/SaaS 사이트는 본문에 400 두께를 사용하지만, Dala는 단락을 가볍고 부담스럽지 않게 유지하기 위해 두께를 줄였습니다. 내비게이션 및 작은 제목에는 600 두께에 14px 자간, 0.025em 자간, 모두 대문자가 사용됩니다. 113px 크기의 제목과 15px 크기의 본문에 모두 400 두께를 사용하는 것은 이례적인데, 이는 브랜드가 두께가 아닌 크기를 통해 계층 구조를 만든다는 것을 시사합니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 밀집한 |
| 기본 단계 | 6-18px |
| 버튼 반경 | 24px |
| 카드 반경 | 24px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 60-120px |
| 페이지 너비 | 1280px |
AI가 Dala 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- Linear — 한밤중 정밀 기기
- Resend — 보라색 네온 컬러가 들어간 검은색 벨벳
- Ciridae — 타오르는 불씨의 맥동만이 느껴지는 텅 빈 방 - 마치 칠흑 같은 성당처럼, 유일하게 따뜻한 소리는 가느다란 녹 소리뿐이고, 모든 표면은 그림자가 아닌 섬세한 선으로 윤곽이 드러난다.
- Dovetail — 검은 달 아래 놓인 설계도 - 거의 보이지 않는 그래프 선, 하얀 글씨, 그리고 보라색 반짝임 하나
- Neon — 어둠이 내린 서버실. 칠흑 같은 어둠 속에서 데이터와 사용자 상호작용에서만 빛이 새어 나온다.
- Discord — 게임 세계는 팝업 채팅창 뒤에 숨겨져 있으며, 각 구역은 고유한 조명과 캐릭터 세트를 갖춘 독립적인 환경입니다.
- Aaru — 자정의 입자장 관측소
- Atlas Card — 한 줄기 사파이어 빛줄기가 뻗어 있는 미드나잇 볼트는 칠흑 같은 어둠 속에서 오직 깊고 강렬한 파란색만이 중요한 의미를 지닌 공간입니다.
- Midjourney — 심해 속 생물 발광 단말기. 지능이 ASCII 스트림으로 시각적으로 생성되고, 제어 버튼이 희미하게 빛나는 패턴으로 나타나는 심해 세계.
- Checkly — 심궤도 임무 관제 센터
- Krea — 한밤중의 갤러리 느와르
- Wope — Wope는 보라색 지평선 인터페이스입니다. 어두운 천문대 테이블에서 유리 아래에서 보라색 빛이 뿜어져 나오는 모습을 상상해 보세요.