ORYZO AI
암실에 관한 사진 에세이. 따뜻한 어둠 속에 홀로 떠 있는 물체, 크림색 글씨만이 유일한 장식이다.
ORYZO의 시각 시스템은 각각의 제품을 마치 박물관 소장품처럼 다룹니다. 따뜻하고 어두운 색조의 캔버스에 부드러운 활자체가 넓은 여백에 떠 있는 듯한 느낌을 주며, 형태와 경쟁하는 인터페이스 요소는 완전히 배제되어 있습니다. 모든 텍스트 요소는 500포인트의 대문자로 작성되었으며, 시스템에서 유일하게 대화형 요소인 본문(29px/400)만 예외입니다. 밝은 오렌지색은 출처 표기와 스튜디오 링크에만 사용되며, 버튼이나 클릭 유도 문구에는 전혀 사용되지 않아 그 존재감이 미미합니다. 레이아웃은 두 가지 모드, 즉 사진 모드(도구 및 재료와 함께 제품을 보여주는 모드)와 빈 공간 모드(따뜻하고 어두운 배경에 제품만 표시되는 모드)를 번갈아 보여줍니다. 두 모드는 얇은 점선 구분선과 알약 모양의 컨트롤로 연결되어 있습니다.
페이지 전체 너비는 제한이 없습니다. 최대 너비 컨테이너가 없으며, 각 섹션은 100vw를 차지합니다. 홈 화면은 위에서 아래로 전체 화면을 차지하는 사진과 왼쪽 상단에 커다란 ORYZO 로고(51px 이상), 그 위에 슬로건, 오른쪽 상단에 고정된 미니멀리스트 내비게이션, 오른쪽 가장자리를 따라 세로로 배치된 사이드바, 왼쪽 하단에 반투명 정보 카드, 오른쪽 하단에 비디오 썸네일이 있습니다. 이후 섹션은 전체 화면의 Walnut Shadow 캔버스에 제품의 3D 렌더링 이미지가 중앙에 배치되어 있고, 왼쪽 정렬된 제목과 오른쪽 정렬된 본문 텍스트로 둘러싸여 있습니다. 18px의 넓은 여백을 가진 3단 그리드(텍스트/객체/텍스트) 구조입니다. 섹션 간 전환은 어두운 배경에 어두운 색상으로 부드럽게 처리되며, 얇은 점선 구분선만 사용됩니다. 내비게이션은 고정되어 있고 투명하며 최대 4개의 요소로 구성됩니다. 사이드바, 푸터의 크롬, 카드 안에 카드가 없어 모든 화면이 하나의 독립적인 개체처럼 느껴집니다.
사진들은 마치 편집 사진처럼 위에서 아래로 내려다보는 시점으로 촬영되었으며, 맥락 속에서 제시됩니다. 녹색 커팅 매트 위에 코르크 코스터가 놓여 있고, 주변에는 연필, 공예용 칼, 종이 클립 등 작업에 필요한 도구들이 프레임 안에 보입니다. 녹색 커팅 매트(#445231)는 단순히 보여주기 위한 요소일 뿐, 사용자 인터페이스(UI) 요소는 아닙니다. 제품 프레젠테이션 부분은 3D 렌더링 이미지가 주를 이룹니다. 코르크 코스터는 월넛 섀도우 배경에 고립된 모습으로, 오른쪽 위에서 따뜻한 림 라이트가 비추고 있으며, 위에서 아래로 내려다보는 시점과 3/4 각도에서 촬영된 이미지가 번갈아 나타납니다. 라이프스타일 사진이나 인물, 스톡 이미지는 전혀 사용되지 않았습니다. 제품이 주인공이고, 도구들은 그 배경을 이루는 요소일 뿐입니다. 이미지는 전체 화면을 차지하며, 가장자리가 선명하고(둥근 마스크 없음), 높은 콘트라스트와 따뜻한 색감 보정이 적용되었습니다.
팔레트
중립적
- Warm Cream
#ffedd7— 어두운 표면에 밝은 글씨, 반전된 캡션, 고대비 이미지. - Walnut Shadow
#100904— 페이지의 바탕과 가장 깊은 배경은 따뜻한 색감으로, 거의 검은색에 가깝지만 순수한 검은색은 아닙니다. 모든 제품 발표 뒤에는 공허함이 도사리고 있습니다. - Bark Brown
#382416— 버튼의 볼록한 표면과 채워진 배경은 캔버스보다 한 단계 높은 색상으로, 단일하고 연속적인 행동 유도를 위해 사용됩니다. - Cork Border
#40372e— 미묘한 구분선, 점선으로 된 구획선, 거의 눈에 띄지 않는 컨테이너 테두리 – 캔버스 자체보다 한 단계 더 따뜻한 느낌을 줍니다. - Driftwood
#6c5f51— 따뜻하고 중간 톤의 회색으로, 보조 칸막이와 차분한 구조 요소에 적합하며, 바크(Bark)와 크림(Cream) 색상 사이의 간극을 메워줍니다. - Ember Accent
#dc5000— 주황색은 링크, 태그 및 짧은 문구를 강조하는 데 사용됩니다.
타이포그래피
18픽셀에서 51픽셀로 · 5단계
- halyard-display-variable — 대사: Inter or Söhne · 요점 400, 500 · 단 하나의 폰트만 사용합니다. 제목에는 500 굵기에 51px 피치의 폰트를 사용하여 대문자 사용에 대한 탁월한 자신감을 보여줍니다. 본문에는 동일한 폰트를 400/29px 피치로 설정하여 대소문자를 혼합하여 사용합니다. 자간은 표준을 유지하며, 기하학적 형태가 압축 없이 제 역할을 다합니다. 더 유사한 구조를 원한다면 'Inter', 'Söhne' 또는 'Neue Haas Grotesk'를 사용할 수 있습니다.
- Arial — 대사: system-ui · 요점 400, 500 · 마이크로법률 라벨(8px 대문자, 예: "* ADOBE ILLUSTRATOR")에 대한 시스템 전체의 대체 설정입니다. 이는 디자인 결정이 아니라 자동 생성되는 시스템 고지 사항에 대한 요구 사항입니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 평균 |
| 기본 단계 | 18px |
| 버튼 반경 | 8px |
| 카드 반경 | 12px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
AI가 ORYZO AI 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- 21 TSI — 진홍빛 공허, 하나의 실루엣 – 사용자 인터페이스가 분위기 속으로 사라지는 하이패션 화보
- Ysl — 흑백 영화의 한 장면 - 로고 하나 아래 모델 한 명, 그 외에는 아무것도 허용되지 않습니다.
- Channel Studio — 산호색 전등갓 하나가 있는 스튜디오 사진 현상소
- Assembly Coffee London — 어두컴컴한 로스팅 공장 안의 숯불. 따뜻하고 은은한 조명 아래 제품 사진과 필기체 세리프 글씨가 어우러진 거의 검은색 캔버스—마치 한밤중에 몰래 인쇄된 특산 커피 메뉴판 같은 느낌.
- PostNew — 정규 운영 시간 이후에도 개방되는 갤러리로, 자연 채광을 고려하여 설계되었습니다.
- Factory — 한밤중의 "작전실" 단말기. "공장"은 삭막한 검은색 제어판으로, 손전등에 비친 전령처럼 하얀 카드 한 장이 놓인다. 방 안에 있는 유일한 물건은 바로 작업 그 자체이다.
- Numbered — 검은 벨벳 위에서 진행된 패션 화보. 거의 검은색에 가까운 런웨이에는 단 하나의 얼굴만이 가득하며, 유일한 흔적은 흰색 잉크와 거의 눈에 띄지 않는 청동색 실뿐이다.
- Apple (España) — 조명 장치가 있는 검은색 극장
- Home page | Impossible Foods — 벨벳처럼 어두운 배경에 핏빛처럼 붉은 펑크 포스터가 걸려 있다. 맞춤 제작된 압축 배너가 와인색 캔버스 위를 흐릿하게 가로지르고, 강렬한 붉은색의 행동 촉구 문구는 마치 정육점 도마 위의 가격표처럼 도드라져 드러난다.
- Ferrari — 검은 대리석 위에 격렬하게 질주하는 말. 검은색 바탕에 페라리를 상징하는 붉은색, 흰색 대문자, 그리고 화면 전체를 가득 채운 영화 같은 구도.
- OpenSea — 검정색 거래 단말기, 무광 파란색 프레임
- Arthursimonini — 영화 프로그램이 검정 잉크로 인쇄되어 있습니다.