Resend
보라색 네온 컬러가 들어간 검은색 벨벳
Resend는 거의 완벽한 어둠 속에 존재합니다. 깨끗한 검은색 캔버스, 얇은 흑연 테두리, 그리고 검은색 바탕에 흰색 글씨는 마치 불투명 유리 위에 인쇄된 텍스트를 읽는 듯한 느낌을 자아냅니다. 핵심 요소는 장식을 배제했습니다. 그라데이션이나 마케팅용 일러스트 없이, 96px Domaine 서체의 커다란 세리프 헤드라인 하나와 3차원 검은색 큐브가 나란히 배치되어 있습니다. 브랜드 마크는 풍부한 보라색(#9281f7)으로, 이메일 주소, 상태 아이콘, 코드 샘플에 사용되지만 버튼에는 절대 사용되지 않습니다. 고정폭 글꼴(Commit Mono)은 모든 코드 블록, 아이콘, 인라인 레이블을 통해 개발자의 개성을 드러내며, 마치 고급스러운 인터페이스로 둘러싸인 터미널처럼 느껴지게 합니다. 구성 요소는 날카롭거나 약간 둥근 모서리(6px/16px)와 낮은 높이를 가지고 있으며, 레이어를 구분하기 위해 그림자 대신 1px 테두리를 사용합니다. 역동적인 효과는 미묘하지만 표현력이 풍부합니다. 메인 화면의 텍스트는 부드럽게 페이드 아웃되고 슬라이딩되며, WebGL을 사용한 큐브의 미묘한 회전, 그리고 마우스 오버 시 150ms의 짧은 전환 효과가 적용됩니다.
시각 디자인은 거의 전적으로 WebGL로 렌더링된 3D 객체(메인 창의 검은색 큐브, 회전하는 기하학적 도형)와 어두운 코드 창에 표시된 제품 사용자 인터페이스의 스크린샷으로 구성됩니다. 사진, 일러스트레이션 또는 라이프스타일 이미지는 사용되지 않았습니다. 신뢰 표시줄의 로고는 원본 색상의 SVG 이미지로 삽입되었습니다. 아이콘은 1px~1.5px 두께의 윤곽선에 #f0f0f0 또는 #a1a4a5 색상의 테두리가 적용되었습니다. 시각적 언어는 검은색 배경, 메인 창의 중심 역할을 하는 3D 객체, 제품 증명을 위한 어두운 코드 창, 그리고 사회적 증거를 나타내는 흰색 SVG 로고로 이루어져 있습니다. 장식적인 요소는 전혀 없으며, 모든 시각적 요소는 구조적(큐브)이거나 설명적(코드 창, 로고)입니다.
팔레트
상표
- Iris Violet
#9281f7— 링크, 태그 및 강조 표시된 짧은 문구에는 보라색 강조 텍스트를 사용하고, 아이콘 컨테이너와 브랜드 아이콘에는 보라색에서 마젠타색으로 이어지는 대각선 그라데이션을 적용했습니다. - Iris Violet Glow
#baa7ff— 링크, 태그 및 짧게 강조 표시된 문구는 보라색으로 강조 표시됩니다.
중립적
- Void Black
#000000— 페이지 배경, 판지 표면, 오버레이 화면 등 캔버스 전체에 사용 가능합니다. - Graphite Hairline
#292d30— 카드, 입력 필드, 버튼, 코드 블록 및 구분선에 1px 테두리를 적용하여 각 레이어를 구분합니다. - White
#ffffff— 주요 제목, 제목, 버튼 레이블, 아이콘 채우기는 어두운 배경에서 사용 가능합니다. - Bone White
#f0f0f0— 본문, 보조 제목, 아이콘 윤곽선 - 읽기 편하도록 주요 색상을 사용합니다. - Ash Gray
#a1a4a5— 본문 텍스트, 아이콘 레이블, 아이콘 윤곽선 등 3단계 텍스트 및 메타데이터를 흐리게 처리합니다. - Smoke Gray
#abafb4— 링크 색상, 비활성화된 버튼 텍스트, 보조 레이블 - 4단계 텍스트
타이포그래피
12px에서 96px로 · 8단계
- Inter — 대사: Inter (Google Fonts) · 요점 400, 500, 600 · 본문 텍스트, UI 레이블, 탐색 메뉴, 버튼, 링크. 작업 도구 - 코드 영역을 제외한 모든 영역에서 1,280회 나타납니다.
- Domaine — 대사: GT Sectra · 요점 400 · 제목 텍스트는 400포인트 글꼴에 96픽셀의 자간으로, 마치 인쇄물과 같은 편집적인 느낌을 줍니다. 이 글꼴은 페이지 전체에서 가장 큰 제목으로 단 두 번만 사용됩니다.
- aBC Favorit — 대사: Inter Display · 요점 400, 500 · 섹션 제목 및 소제목. 브랜드 스타일 글꼴은 크기 56px, 두께 400, 자간은 -0.05em입니다. 이 기하학적 산세리프 글꼴의 극도로 좁은 자간은 메인 Domaine 서체와 대비되는 압축적이고 자신감 있는 인상을 만들어냅니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 넓은 |
| 기본 단계 | 16px |
| 버튼 반경 | 6px |
| 카드 반경 | 16px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 96px |
| 페이지 너비 | 1200px |
AI가 Resend 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- Neon — 어둠이 내린 서버실. 칠흑 같은 어둠 속에서 데이터와 사용자 상호작용에서만 빛이 새어 나온다.
- Discord — 게임 세계는 팝업 채팅창 뒤에 숨겨져 있으며, 각 구역은 고유한 조명과 캐릭터 세트를 갖춘 독립적인 환경입니다.
- Midjourney — 심해 속 생물 발광 단말기. 지능이 ASCII 스트림으로 시각적으로 생성되고, 제어 버튼이 희미하게 빛나는 패턴으로 나타나는 심해 세계.
- Wope — Wope는 보라색 지평선 인터페이스입니다. 어두운 천문대 테이블에서 유리 아래에서 보라색 빛이 뿜어져 나오는 모습을 상상해 보세요.
- Ori — 한밤중의 서버실은 칠흑 같은 공허함 속에 하얀 불빛 하나만 켜져 있을 뿐이다.
- Amaterasu — 천상의 청록색 성역
- Obsidian — 수정처럼 맑은 지식의 보고. 명확성과 집중력을 위해 설계된, 빛나는 보라색의 상호작용 통로가 있는, 투명하고 다면적인 디지털 공간.
- Morphic — AI 기반 스토리텔링을 위한 어둡고 영화적인 캔버스. 순수한 검은색은 모든 것을 흡수하지만, 단 하나의 강조 색상에서 뿜어져 나오는 푸른빛과 생성된 이미지의 빛은 예외입니다.
- Valo — 한밤중의 누아르풍 천문대—300pt 크기의 타이포그래피가 깔끔한 검정 배경 위에 떠 있고, 청록색에서 보라색으로 이어지는 그라데이션이 레이저 선처럼 방을 가로지른다.
- JetBrains — 흑요석 위의 네온 성운 – 검은색 배경 페이지에 보라색과 파란색 그라데이션이 심우주 이미지처럼 피어오르고, 강렬한 핑크색 네온과 각 제품 아이콘의 생동감 넘치는 색감이 어우러져 있습니다.
- beehiiv — 네온 플라즈마를 이용한 심야 천문대
- RainbowKit — 네온 색상의 모달 소재 지갑 정리함이 검은 공간 위에 떠 있고, 청자색 빛이 어둠을 뚫고 나온다.