Slush
파스텔톤 종이에 붙인 스티커로 만든 풍선 세상
Slush는 마치 스티커 앨범처럼 작동합니다. 파스텔 톤의 종이 캔버스에 크고 풍성한 밝은 파란색 리본, 그리고 다채로운 색상의 스티커들이 색종이 조각처럼 흩뿌려져 있습니다. 글꼴은 크고 빽빽하게(Lateral 800 x 200–640px, 줄 간격 0.75–0.80) 배치되어 단어가 문장이라기보다는 조각 작품처럼 보입니다. 여섯 가지의 풍부하고 독특한 색상은 스티커 팔레트 역할을 하며, 각 색상은 스티커, 카드 표면 또는 장식 레이어에 채워져 사용되고, 은은한 포인트 색상으로만 사용되지 않습니다. 구성 요소는 부드럽게 둥글게 처리되어(카드는 20–40px, 내비게이션은 알약 모양) 검은색 테두리로 마감되어 수작업 느낌을 줍니다. 결과적으로 핀테크 랜딩 페이지라기보다는 밝은 색 벽에 붙여 놓은 실제 콜라주처럼 보입니다.
이 레이아웃은 사이드바나 고정된 컨테이너 없이 전체 너비의 스크롤 페이지를 특징으로 합니다. 스크롤되는 텍스트와 미니멀한 상단 내비게이션(왼쪽 로고, 중앙 내비게이션 바, 오른쪽 채워진 콜투액션 버튼)은 상단에 고정되어 있습니다. 각 섹션은 전체 너비의 색상 띠(#dceeff → #ffffff → #cccccc)로 구성되며, 확대된 측면 텍스트는 중앙 또는 왼쪽 정렬되고 3D 파란색 리본으로 둘러싸여 있습니다. 콘텐츠 레이아웃은 의도적으로 격자 기반이 아닌 콜라주처럼 자유롭고 유연하게 설계되었습니다. 스티커가 텍스트와 겹치고, 리본이 텍스트 뒤에서 교차하며, QR 코드는 보조 섹션의 중앙에서 벗어나 배치됩니다. 세로 간격은 비교적 넓지만(섹션 간 48px 간격), 가로 구성은 의도적으로 비대칭입니다. 페이지는 위에서 아래로 각각 독립적인 포스터처럼 보이는 세 개의 큰 색상 띠로 구성됩니다.
시각적 언어는 입체적인 파란색 리본이 주를 이룹니다. 이 리본은 각 섹션의 헤드라인 텍스트를 감싸거나 가리는, 전기 파란색의 거칠고 부풀릴 수 있는 원통형 모양으로 구성된 통일된 브랜드 모티프입니다. 로켓, 금화, 녹색 체크 표시, 보라색 지갑과 같은 장식적인 2차원 스티커는 검은색 테두리(1px)로 둘러싸여 마치 판자에 붙인 종이 오려낸 조각처럼 헤드라인 주변에 떠 있습니다. 사진은 전혀 사용되지 않았고, 전통적인 일러스트레이션 그리드도 없습니다. 모든 요소는 콜라주처럼 비대칭적으로 배치되어 있습니다. 입체적인 리본이 주요 분위기를 조성하고, 스티커는 장난스러운 느낌을 더하며, 나머지는 타이포그래피와 색상으로 구성됩니다.
팔레트
상표
- Electric Blue
#4da2ff— 두꺼운 리본 장식, 이미지 배경, 카드에 흐릿하게 처리된 패턴 등 브랜드의 주된 색상은 각 화면의 기반이 되는 시각적 특징입니다.
중립적
- Carbon
#000000— 본문, 카드 프레임, 행동 유도 문구의 채워진 배경, 그리고 로고는 파스텔 톤 표면에 손으로 오려낸 스티커 윤곽선과 같은 효과를 만들어냅니다. - Paper White
#ffffff— 캔버스 페이지, 판지 표면, 버튼 윤곽선 채우기, 어두운 배경의 텍스트. - Sky Wash
#dceeff— 메인 섹션 배경은 연한 파란색 파스텔 배경입니다. - Concrete Gray
#cccccc— 보조 섹션 배경, 중립 중간 표면 - Soft Mist
#e9e9e9— 미묘한 버튼 및 표면 색조, 비활성화 상태 - Mint Pop
#55db9c— 배경을 강조하기 위한 녹색 채우기, 장식 줄무늬 및 콘텐츠 뒤의 은은한 강조 효과.
타이포그래피
12픽셀에서 640픽셀로 · 7단계
- Lateral — 대사: Druk · 요점 800 · "SLUSH" 로고와 "ALL THINGS SUI" 같은 섹션 배너를 포함한 주요 부분만 200~640픽셀 크기의 글꼴에 0.75~0.80의 줄 간격을 적용하여 입체적인 블록 형태로 표현했습니다. 이는 기존과는 다른 독특한 글꼴 표시 방식입니다. 다른 어떤 웹사이트도 800포인트 글꼴에 0.85 미만의 줄 간격을 사용하지 않으며, 이러한 효과는 텍스트가 마치 입체적인 리본으로 감싸인 물리적 물체처럼 보이게 합니다.
- Aeonik Pro — 대사: Inter · 요점 500, 700 · 본문, 탐색 메뉴, 버튼, 소제목을 포함한 전체 사용자 인터페이스에 적용됩니다. 본문 및 메타데이터에는 가중치 500(12~16px), 소제목 및 탐색 레이블에는 가중치 700(24~30px)을 적용하고, 큰 보조 제목에는 700을 64px씩 증가시킵니다. 자간을 좁게(-0.010em) 설정하면 본문이 좁아지고(14~16px), 탐색 레이블/버튼에 약간의 간격(0.030~0.032em)을 주면 컨트롤에 "여백"이 생깁니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 밀집한 |
| 기본 단계 | 4-12px |
| 버튼 반경 | 1600px |
| 카드 반경 | 20px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 48px |
| 페이지 너비 | 1440px |
AI가 Slush 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- Cursor — 타오르는 숯불 불빛 아래 아늑한 양피지 작업실
- MindMarket — 크림색 종이에 인쇄된 아늑한 동화책은, 커다란 인터(Inter) 헤드라인과 오려낸 종이 캐릭터들이 햇살 가득한 부드러운 스티커 표면 위에 조화롭게 어우러진 친근한 편집 공간을 제공합니다.
- Shop — 흰 대리석 위에 떠 있는 무역 별자리
- Airbnb — 산호색 책갈피 하나가 놓인 조용한 흰색 갤러리 벽
- Superr — 따뜻한 오후 햇살에 비친 학교 공책. 크림색 페이지, 뚜껑 없는 주황색 마커, 그리고 떼어낼 준비가 된 코팅된 이름 스티커 더미.
- Apple (España) — 부드러운 자연광이 비추는 박물관 전시실은 매혹적이고 가벼운 하얀 공간으로, 은은하게 색이 들어간 벽을 배경으로 각 전시품이 스포트라이트를 받아 밝게 빛나고 있다.
- Lamborghini — 쇼룸에서 조명 아래 검은색 차체로 서 있는 노란색 차 한 대
- Amplemarket — 색종이 조각이 흩뿌려진, 햇살이 쏟아지는 작업 공간
- Getharvest — 황금 시간대의 책상 – 따뜻한 크림색 캔버스, 캔버스에 걸린 하얀 엽서들, 그리고 선명한 오렌지색 불꽃 하나
- Agence Foudre — 잡지 표지는 립스틱을 연상시키는 부드러운 핑크색이다.
- Drive Capital — 따뜻한 종이에 인쇄된 레트로 로드 트립 포스터
- Apple (España) — 흰색 갤러리 디스플레이 케이스