Apple (España)

하얀 여백으로 가득한 성당 같은 공간에, 헤드라인은 거의 들리지 않을 정도로 작다. 거대하고 밝은 홀에는 700포인트 밀도의 글자들이 파스텔 색상과 단 하나의 파란색 실로만 연결되어 허공에 매달려 있다.

애플 제품 페이지의 디자인은 풍부한 타이포그래피의 결정체입니다. 커다란 SF Pro Display 헤드라인은 연한 흰색 배경 위에 떠 있는 듯하고, 그 주변을 둘러싼 넓은 여백 덕분에 모든 단어가 의도적으로 강조된 것처럼 보입니다. 색상 팔레트는 거의 단색에 가깝습니다. 텍스트는 #1d1d1f 색상이고, 배경은 #ffffff와 #f5f5f7 색상이 번갈아 사용되며, 인터랙티브 요소에만 파란색(#0071e3)이 포인트로 사용됩니다. 색상은 제품 이미지 자체(파스텔 톤)에만 존재하며, UI 요소에는 전혀 사용되지 않습니다. 구성 요소는 테두리가 없습니다. 28px 반경의 둥근 카드와 페이지 가장자리에 거의 닿을 듯한 알약 모양의 버튼이 있으며, 눈에 보이는 컨테이너나 그림자도 없습니다. 리듬감은 구분선이나 테두리가 아닌 흰색과 회색 줄무늬가 번갈아 나타나면서 만들어집니다.

각 섹션은 페이지 전체 너비를 차지하며, 넉넉한 여백(약 40~100픽셀)으로 가장자리까지 확장됩니다. 최대 콘텐츠 너비는 각 섹션의 중앙에 효과적으로 배치됩니다. 주요 요소는 중앙에 정렬된 스택 형태로, 눈썹 모양의 레이블, 확대된 헤드라인, 단일 클릭 유도 버튼, 가격 행, 그리고 화면 하단을 가득 채우는 제품 이미지로 구성됩니다. 섹션은 반복되는 패턴을 따릅니다. 섹션 내 왼쪽 정렬된 헤드라인 다음에 제품 설명이 포함된 2단 레이아웃(왼쪽 텍스트/오른쪽 이미지 또는 교대), 3단 카드 그리드, 또는 중앙에 배치된 시각적 쇼케이스가 이어집니다. 콘텐츠의 리듬은 구분선이나 요소를 담는 카드 없이, 100x100cm의 세로 간격을 두고 흰색과 세 가지 색상의 배경이 번갈아 사용됨으로써 완벽하게 제어됩니다. 전체 탐색 메뉴는 고정된 단일 막대입니다. 제품 사양 섹션은 넉넉한 여백이 있는 전체 너비 밴드를 사용하며, 텍스트는 더 넓은 시각적 영역을 배경으로 좁은 열(약 560픽셀)에 중앙에 정렬됩니다.

애플의 시각적 언어는 주로 제품 사진에 기반합니다. 순수한 흰색 또는 컬러 배경을 배경으로 하드웨어의 클로즈업 사진을 보여주며, 라이프스타일적인 맥락이나 연출된 장면은 없습니다. 메인 이미지에서는 파스텔 그린 색상의 맥북 네오를 들고 있는 손을 보여주는데, 인물은 감정보다는 크기와 질감을 보여주는 데 초점을 맞추고 있습니다. 제품 변형 섹션에서는 동일한 트림 색상(핑크, 그린, 실버, 스카이 블루)의 배경을 바탕으로 두 대의 기기를 나란히 배치하고, 각 카드에는 제품이 중앙에 있는 단색 배경을 사용합니다. 디테일 샷은 중립적인 배경을 바탕으로 노트북 힌지나 카메라 모듈과 같은 부분을 극단적으로 클로즈업하여 보여줍니다. 일러스트레이션이나 추상적인 그래픽, 장식적인 이미지는 전혀 사용되지 않고, 제품 자체가 시각적 요소입니다. 애플 시스템 아이콘 세트에서 가져온 SF Symbols 스타일의 1.5~2픽셀 두께의 흑백 라인 아이콘이 곳곳에 사용됩니다. 사진은 항상 밝은 조명(하이키)으로 촬영되어 그림자가 없는 균일한 조명을 통해 제품이 3차원적인 물체가 아닌 그래픽 형태로 표현됩니다.

온라인 쇼핑몰 단색화

https://www.apple.com/macbook-neo

팔레트

상표

Electric Blue #0071e3 — 채워진 액션 버튼은 UI에서 유일한 색상 강조 요소이며, 행동 유도를 위해 드물게 사용됩니다.
Link Blue #0066cc — 텍스트 내 링크, 화살표 및 꺾쇠괄호 링크.
Citrus Gradient #3b3b23 — 이 제품의 대표적인 특징이 된 또 다른 마감 방식은 어두운 바탕색에서 노란색과 녹색이 어우러진 하이라이트로 자연스럽게 변하는 것입니다.

중립적

Primary Ink #1d1d1f — 제목, 본문 텍스트 및 버튼 레이블은 모든 표면에서 주된 전경색이며, 주요 제품 이미지의 배경은 상단의 단색 #1d1d1f에서 하단의 채도가 높은 파란색으로 부드럽게 전환됩니다.
Mid Gray #707070 — 보조 텍스트, 비활성 탐색 상태, 음소거된 UI 레이블
Deep Gray #474747 — 탐색 텍스트와 아이콘은 중간 크기의 글꼴로 표시됩니다.
Hairline #d6d6d6 — 섹션과 UI 요소 사이의 경계가 얇습니다.
Canvas #f5f5f7 — 각 부분의 배경이 번갈아 나타납니다. 흰색 영역과 회색 줄무늬가 구분되어 있습니다.
Paper #ffffff — 카드 표면, 메인 페이지 배경, 어두운 배경의 버튼 텍스트.

타이포그래피

12px에서 96px로 · 10단계

SF Pro Display — 대사: Inter · 요점 600, 700 · 디스플레이용 히어로 제목 및 부제목 - 700 두께, 80~96px, 음수 자간 -1.44px를 적용하면 애플 특유의 "흰색 배경에 떠 있는 거대한 제목"이 만들어집니다. 대체 글꼴: Inter, system-ui
SF Pro Display — 대사: Inter · 요점 600 · 섹션 제목, 카드 제목, 소제목 - 600포인트 글꼴에 약간 넓은 자간을 적용하면 중간 크기에서 위의 짧은 제목과는 달리 따뜻하고 친근한 느낌을 줍니다.
SF Pro Text — 대사: Inter · 요점 400, 500, 600 · 본문, 탐색 메뉴, 보조 단락 및 작은 캡션에는 인덱스 400, 17px 크기의 글꼴이 기본 글꼴로 사용됩니다. 음수 자간을 사용하면 정보가 많은 페이지에서 본문을 더욱 간결하게 표현할 수 있습니다.

간격과 형태

목적	의미
밀도	밀집한
기본 단계	8-10px
버튼 반경	980px
카드 반경	28px
그림자	아니요 - 그림자 대신 테두리를 사용합니다.
구간 사이	100-120px
페이지 너비	1200px

AI가 Apple (España) 스타일로 웹사이트를 구축하고 내용을 채워줍니다.

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

이런 스타일로 웹사이트를 만들어 보세요

비슷한 스타일

Airbnb — 산호색 책갈피 하나가 놓인 조용한 흰색 갤러리 벽
Peak Design — 갤러리 벽, 부분적으로 조명됨
Ramp — 편집 재무 부서는 흑백 페이지에 네온 마커 하나만을 사용한다. 거의 흑백에 가까운 출판물의 표면에 밝은 라임 그린 색상의 선 하나가 모든 상호작용을 금전적 신호로 변환시킨다.
099 SUPPLY — 흑백 오브제로 가득 찬 갤러리 벽
Orderful — 산업 물류 통제실 - 검정색 잉크와 빨간색 수술용 잉크로 인쇄된 물류 배송 담당자 체크리스트로, 각 페이지는 한 명의 운영자가 중요한 사항을 큰 소리로 말할 수 있을 만큼 눈에 띄지 않게 제작되었습니다.
Apple (España) — 흰색 갤러리 디스플레이 케이스
teenage engineering — 스튜디오 조명 산업 카탈로그에서는 제품이 페이지에서 유일하게 중요한 요소이며, 나머지 모든 내용은 그 주변에서 논의됩니다.
Apple (España) — 아침 안개 속 갤러리 창가
Lightship — 탁 트인 도로를 담은 영화 같은 디오라마. 따뜻한 크림색 갤러리 벽에는 촘촘하게 걸린 커다란 풍경 사진들이 장식되어 있고, 액자에는 가늘고 희미하게 보이는 검은색 글씨가 새겨져 있으며, 밝은 오렌지색 포인트 하나가 마치 들판의 모닥불처럼 흑백의 풍경을 깨뜨리고 있다.
Custo — 건메탈 색상의 갤러리에 거대한 글꼴이 눈에 띈다. 은은한 회록색 톤의 쇼룸에는 어두운 색상의 오브제 하나와 57px 크기의 글꼴이 그 자체로 모든 것을 말해준다.
Silencio — 하얀 방 안에는 떠다니는 유물들이 놓여 있다. 따뜻한 색감의 종이로 만들어진 전시 공간은 각각의 요소들이 음영 배경 위에 자리 잡고 있으며, 이러한 침묵은 의도적인 디자인 요소이다.
ORYZO AI — 암실에 관한 사진 에세이. 따뜻한 어둠 속에 홀로 떠 있는 물체, 크림색 글씨만이 유일한 장식이다.