Vivid+Co
흑요석을 통과하는 프리즘 빛
Vivid+Co는 영화처럼 어둡고 음울한 분위기를 자아냅니다. #101010~#495764에 이르는 거의 검은색 바탕에, 거의 흰색에 가까운 색상(#fffdf9)이 거의 모든 서체와 인터페이스 요소에 사용되어 단 하나의 색조로만 강조되어 있습니다. 서체는 주로 Neue Montreal 400 굵기로 표현되며, 굵기보다는 크기(136px 및 105px)를 통해 권위를 표현하고자 의도적으로 볼드체를 배제했습니다. Vivid+Co의 특징적인 기법은 색채 프리즘입니다. RGB 값으로 분리된 채도가 높은 빨강/녹색/파랑 빛 블록이 유리 큐브를 통과하며 단색 배경에 변화를 줍니다. 레이아웃은 중앙에 배치되어 있으며 여백이 충분합니다. 내비게이션, 본문, 링크는 모두 #fffdf9 색상으로 통일되어 있으며, 별도의 강조 버튼, 채우기, 그림자는 사용하지 않았습니다. 각 요소는 간격, 크기, 그리고 브랜드의 유일한 색상 포인트 역할을 하는 무지개 효과를 통해 구분됩니다.
최대 너비가 약 1440px인 단일 열 콘텐츠로 구성된 어두운 전체 너비 캔버스입니다. 주요 요소는 중앙에 배치된 프리즘 형태의 이미지이며, 제목(이미지와 교차하는 텍스트)과 왼쪽 정렬된 부제목이 있습니다. 내비게이션은 얇은 상단 바에 있으며, 왼쪽에는 로고, 오른쪽에는 네 개의 숨겨진 링크, 그리고 맨 끝에는 "문의하기" 버튼이 있습니다. 섹션 레이아웃은 전체 높이의 히어로 패널과 약 108px 간격의 좁은 콘텐츠 스트립이 번갈아 나타납니다. 콘텐츠 레이아웃은 비대칭적이며, 프리즘 이미지가 시각적 중심 역할을 하고 제목이 이를 감싸도록 배치됩니다. 단일 열 텍스트 블록의 최대 너비는 약 440px입니다. 다중 열 그리드, 카드 매트릭스, 가격표는 없습니다. 바닥글은 얇은 선으로 구분된 얇은 띠 모양이며, 두 열의 메타데이터가 있습니다.
주요 디자인 요소는 RGB 색상으로 구분된, 가장자리에 색수차가 있는 추상적인 3D 유리 큐브 이미지입니다. 사진, 인물 이미지, 제품 사진은 전혀 사용되지 않았습니다. 프리즘 자체가 브랜드 이미지이며, 나머지는 모두 어두운 배경 위에 흑백 타이포그래피로 표현되었습니다. 아이콘은 최소화되어 있습니다. 미묘한 내비게이션 레이블과 제목 끝에 있는 작은 커서/글리프 강조(영역 142765)는 16px 크기의 단일 직선 아이콘을 암시합니다. 일러스트레이션, 장식 패턴, 질감은 일절 사용되지 않았습니다.
팔레트
중립적
- Bone White
#fffdf9— 본문, 탐색 레이블, 링크 색상 및 제목 채우기는 모두 거의 흰색이며, 어두운 배경의 모든 타이포그래피 영역을 차지합니다. - Obsidian
#101010— 페이지 캔버스, 메인 스트라이프 및 구분 스트라이프의 배경은 내부에 프리즘 효과가 있는 짙은 검정색입니다. - Graphite Veil
#495764— 제목과 내용 블록 뒤로는 시원하고 어두운 회색 바탕이 주를 이루어, 평평한 검정색을 사용하지 않고도 캔버스에 깊이감을 더합니다. - Ash Border
#403f3f— 텍스트와 충돌하지 않으면서 줄을 구분하기 위해 1픽셀의 미묘한 구분선과 카드 윤곽선이 사용되었습니다. - Fog Blue
#6f879c— 차분한 보조 텍스트와 미묘한 버튼 레이블(3.7:1 대비) – "전략", "크리에이티브", "커뮤니케이션 + 마케팅"과 같은 서비스 카테고리 명칭은 강조되지 않은 메타데이터로 인식됩니다. - Pure Black
#000000— SVG 아이콘 및 일러스트레이션용 장식 채우기 - 프리즘 이미지와 아이콘 글리프에 사용되며 배경이 아닙니다.
타이포그래피
15픽셀에서 136픽셀로 · 9단계
- Neue Montreal — 대사: Söhne · 요점 400, 700 · 이 독점 폰트는 제목, 본문, 탐색 메뉴, 버튼, 링크, 바닥글 등 사용자 인터페이스 전체에 사용됩니다. 기본값은 400이며, 700 두께는 소제목에만 사용됩니다. 105px 및 136px 두께의 제목은 줄 간격이 1.00~1.01em, 자간이 -0.02em으로 설정되어, 타이포그래피라기보다는 조각 작품처럼 느껴지는 영화 같은 입체적인 제목을 연출합니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 넓은 |
| 기본 단계 | 7px |
| 버튼 반경 | 0px |
| 카드 반경 | 15px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 108px |
| 페이지 너비 | 1440px |
AI가 Vivid+Co 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- Sequel — 어두워진 후의 비공개 상영회만이 캄캄한 영화관에서 유일하게 따뜻한 빛이다.
- ThoughtLab — 붉은색 신호가 새겨진 흑요석 기념비. 칠흑 같은 공허함 속에서, 성당 안에서 유일하게 선명한 붉은색을 띠는 것은 커다란 흰 글자로 인쇄된 단 하나의 색채 있는 형상이다.
- Dovetail — 검은 달 아래 놓인 설계도 - 거의 보이지 않는 그래프 선, 하얀 글씨, 그리고 보라색 반짝임 하나
- MekaVerse — 흑백의 디지털 유물 갤러리—마치 박물관 전시물처럼 렌더링된 세계가 걸려 있는 칠흑 같은 공허함, 그리고 전체 사용자 인터페이스는 무광 검정 유리 위에 흰색 잉크로 인쇄된 것이다.
- Krea — 한밤중의 갤러리 느와르
- Factory — 한밤중의 "작전실" 단말기. "공장"은 삭막한 검은색 제어판으로, 손전등에 비친 전령처럼 하얀 카드 한 장이 놓인다. 방 안에 있는 유일한 물건은 바로 작업 그 자체이다.
- basement — 새벽 3시의 텅 빈 인쇄기 - 거대하고 압축된 글꼴들이 칠흑 같은 어둠 속에 펼쳐져 있고, 내비게이션 바에 희미한 주황색 불빛 하나만 빛나고, 나머지는 모두 하얗거나 희미한 회색이다.
- Stink Studios — 한밤중의 영화 스튜디오 - 영사기가 윙윙거리고, 방은 어둡고, 오직 필름만 빛을 발하고 있다.
- Apple (España) — 조명 장치가 있는 검은색 극장
- Charlie — 수도원 석재에서 흑요석으로 새겨진 활자체. 붉은 벽 하나가 귀청을 찢을 듯한 정적을 자아내는 포트폴리오.
- Rive — 고정밀 야간 투시 기능. 특수 렌즈가 탑재된 인터페이스는 어둠을 투과하여 기술적 세부 사항을 절대적인 선명도로 보여줍니다.
- Datalands — 검은색 성당에 네온 불빛 하나가 깜빡인다. 로고가 성당 중앙을 가득 채우고 있고, 나머지 글자들은 그 아래에서 거의 들리지 않을 정도로 희미하다.