Origin Financial
고요한 화려함이 감도는 한밤중의 갤러리. 크고 선명한 세리프체 글꼴과 몇 개의 조명이 켜진 색색의 패널이 어우러져 금융이 세심하게 선별된 예술 작품이라는 느낌을 자아내는 조용하고 거의 어두운 공간.
Origin은 개인 재정 관리를 마치 야간 갤러리처럼 표현합니다. 거의 검은색에 가까운 캔버스, 은은한 세리프체 헤드라인(80-96px, Lyon Display - 300), 그리고 백라이트가 켜진 컬러 패널처럼 떠 있는 듯한 색채의 기능 카드들이 조화를 이룹니다. 대부분의 화면은 차분한 단색으로 유지되며, 지출, 투자, 예측 모듈의 전체 화면 카테고리 타일과 데이터 신호(그래프, 스파크라인)에만 채도가 높은 색상이 나타납니다. 서체는 세 가지 스타일로 나뉩니다. 감성적인 메시지를 전달하는 데에는 고대비 세리프체를, 사용자 인터페이스에는 네오 그로테스크 산세리프체를, 그리고 기술적인 헤드라인과 대문자 데이터에는 고정폭 글꼴을 사용하여 편집 스타일과 정확성을 강조합니다. 유일하게 눈에 띄는 요소는 검은색 배경에 흰색 텍스트이며, 나머지 인터페이스는 어둠 속으로 사라집니다.
어두운 배경이 페이지 전체 너비를 차지합니다(콘텐츠 컨테이너는 최대 1200px이지만 섹션은 가장자리까지 이어집니다). 페이지 레이아웃은 (1) 중앙에 헤드라인과 AI 툴팁이 내장된 눈길을 사로잡는 스플래시 이미지, (2) 전체 너비 모듈, (3) 대비를 위한 밝은 반전 #cacaca 통계 블록, (4) 90px 패딩이 있는 제품 레이아웃 스트라이프가 번갈아 나타납니다. 헤드라인은 항상 중앙에 배치되며, 기능 카테고리 카드는 12~15px 간격의 3열 그리드로 배열됩니다. 섹션 사이의 세로 간격은 24~80px로, 모듈 간에 충분한 공간을 확보합니다. 내비게이션은 로고, 3개의 투명 버튼 내비게이션 요소, "로그인" 텍스트 링크, 그리고 오른쪽에 정렬된 흰색 "시작하기" 콜투액션 버튼을 포함하는, 흐릿한 배경(배경 필터(24px))이 있는 고정 상단 바입니다.
분위기 있는 사진이 중심 요소로 사용됩니다. (은은하고 차가운 색감으로 처리된 구름과 하늘의 전체 화면 사진은 실제 날씨라기보다는 영감을 주는 탁 트인 하늘처럼 느껴집니다.) 제품 시각화는 거의 검은색 배경에 Origin iPhone 앱의 기울어진 렌더링 이미지를 특징으로 하며, 기기가 주요 요소로 강조되고 화면 반사 효과 대신 은은한 입체감이 더해집니다. 일러스트레이션, 추상적인 그래픽 또는 라이프스타일 사진은 사용되지 않습니다. 아이콘은 흰색 선이나 실루엣으로 구성된 단일선 SVG 이미지로 미니멀하게 디자인되었습니다. 전체적으로 텍스트가 주를 이루며, 타이포그래피가 시각적 요소의 약 80%를 차지하고 이미지는 분위기 연출 및 제품 소개에만 사용됩니다.
Origin Financial 스타일의 AI 이미지를 요청합니다.
Origin Financial 웹사이트의 시각적 스타일로 이미지를 만드세요 묘사할 내용: [주제와 희망 사항을 입력하세요 — 예: "나무 테이블 위의 커피잔, 아침 햇살"] 스타일: 조용한 부의 자정 갤러리. 조용하고 거의 어두운 방에서 피사체가 신중하게 선별된 예술 작품 같은 느낌을 줍니다. 영감을 주는 열린 하늘처럼 느껴지는, 차분하고 차가운 톤 처리의 분위기 있는 사진. 일러스트레이션, 추상 그래픽, 라이프스타일 사진은 제외. 빛과 재료: 거의 검은색 배경. 거의 눈에 띄지 않는 볼륨감 있는 빛, 눈부심 효과 없음. 형태를 강조하는 부드럽고 확산된 빛. 어두운 테마가 지배적이며, 그림자 대신 경계선. 팔레트: Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011. 프레임 구성: 프레임 내에서 지배적인 중앙 요소. 풀프레임 사진. 어두운 배경에 충분한 공간을 두고 개체가 주요 요소로 제시됩니다. 와이드 포맷. 요구 사항: 사실적이고 깨끗하며, 빛과 색상은 위 팔레트에서 엄격하게 따를 것. "묘사할 내용"에서 요청하지 않은 경우 텍스트, 비문, 숫자, 인터페이스 및 웹사이트 레이아웃을 추가하지 마십시오. 워터마크, 낯선 로고, 브랜드 이름 없음.
팔레트
상표
- Iris Gleam
#847dff— 카테고리 카드의 주요 색상 포인트는 모듈 타일에서 가장 흔히 볼 수 있는 특징적인 보라색입니다.
중립적
- Cyan Signal
#00b3dd— 데이터 중심적 접근 – 어두운 배경 위에 차트 선, 미니 차트 선, 예측 지표를 표시합니다. - Pale Iris
#d1c9ff— 테마 패널 및 배경 채우기에 사용되는 부드러운 색 구성표에 어울리는 더 밝은 보라색입니다. - Deep Iris
#4b49aa— 마우스 오버 시 음영 처리되는 카테고리 및 상태 표시줄에 사용되는 진한 보라색 변형입니다. - Orchid Bloom
#dd90d8— 라이프스타일/지출 모듈에 사용된 분홍색 카테고리 카드는 차가운 색상 팔레트와 따뜻한 대비를 이룹니다. - Periwinkle
#90b8f0— 상담 모듈 또는 부부 모듈을 위한 부드러운 파란색 카테고리 카드입니다. - Obsidian
#0f1011— 페이지의 캔버스는 모든 것이 떠 있는 듯한 지배적인 어두운 표면입니다.
타이포그래피
12px에서 96px로 · 7단계
- Suisseintltrial — 대사: Inter · 요점 400 · Suisseintltrial - 추출된 데이터에서 발견되었지만 AI에 의해 설명되지 않았습니다.
- Lyon Display — 대사: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · 요점 300 · 제목과 섹션 제목은 이 스타일의 특징입니다. 300포인트(라이트) 글꼴만 사용하여 부드러우면서도 확신에 찬 느낌을 주며, 극단적인 크기(38-96픽셀)와 좁은 0.9줄 간격은 뚜렷한 긴장감을 조성합니다.
- Suisse Int'l — 대사: Inter or Geist Sans at matching weights · 요점 300, 400 · 본문 텍스트, 카드 설명, 링크 텍스트 및 입력 필드에 사용됩니다. 18px 카드 소제목에는 표시 텍스트를 은은하게 강조하기 위해 300의 두께가 사용되었으며, 주요 UI 텍스트에는 400의 두께가 사용되었습니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 평균 |
| 기본 단계 | 12px |
| 버튼 반경 | 8px |
| 카드 반경 | 16px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 80px |
| 페이지 너비 | 1200px |
AI가 Origin Financial 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- July Fund — 컬러 목차 카드가 있는 어두운 갤러리에 전시된 단행본
- FLORA — 검은 벨벳 위의 갤러리 - 깔끔한 어두운 캔버스에 밝은 이미지만이 유일한 색상으로 자리 잡고 있습니다.
- Mercury — 황혼녘 알프스 산비탈
- Linear — 한밤중 정밀 기기
- Air — 조각 작품 "유리를 통해 본 한밤중의 하늘"
- Raycast — 미드나잇 커맨드 센터, 코랄 네온
- dope.security — 보라색 신호등이 있는 한밤중 터미널
- Dimension — 은은한 조명이 비추는 작업 공간, 불투명 유리 패널
- Giga — 서리가 내린 흑요석 위로 펼쳐진 한밤중의 지평선
- Reflect Notes — 별빛이 빛나는 보라색 공간은 어두운 천문대와 같으며, 그곳에서 음표들은 거의 검은색에 가까운 남색의 공허함을 배경으로 별자리처럼 떠다닙니다.
- Ameba — 한밤중의 제어실 – 불투명 유리 패널 안쪽에 선명한 파란색 빛이 번쩍인다.
- Branding — 검은색 갤러리 벽에 붉은색 포인트가 더해진 디자인입니다. 커다란 흰색 글꼴이 마치 공허한 공간처럼 보이는 어두운 배경 위에 떠 있는 듯하며, 밝은 빨간색 포인트와 갤러리 안내판처럼 보이는 강렬한 장식 요소들이 그 공간을 가로막고 있습니다.