Devin
제도용지에 전자 잉크로 인쇄되었습니다. 거의 검은색에 가까운 글꼴과 밝은 표면이 대부분의 역할을 하지만, #2200ff는 의도적인 활성화 신호로 나타납니다.
팔레트
상표
- Electric Blue
#2200ff
중립적
- Paper
#f7f6f5 - Carbon
#141414 - Tile Gray
#efefef - Mist
#e7e7e7 - Graphite
#1f1f1f - Steel
#7d7d7d
타이포그래피
11픽셀에서 70픽셀로 · 11단계
- nbInternationalPro — 대사: Inter · 요점 400, 500
- geistMono — 대사: IBM Plex Mono · 요점 400
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 밀집한 |
| 기본 단계 | 4px |
| 버튼 반경 | 2px |
| 카드 반경 | 16px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 36px |
AI가 Devin 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- Bevel — Cloudlight에서 아침 건강 지표를 확인하세요. 밝은 흰색의 건강 일기처럼 보이는 화면을 만들고, 웨어러블 기기에는 은은하게 빛나는 대시보드를 표시하세요.
- Mollie — 캐시미어 소재의 카운터와 어두운 장부. 검은색 텍스트 주변에 충분한 여백을 남겨 편집 디자인을 활용하고, 따뜻한 크림색, 에스프레소 브라운 색상, 그리고 실제 결제 수단의 촉각적인 사진을 통해 제품 관련 정보를 강조하세요.
- Baselayer — 베이스레이어는 한밤중에 작동하는 전자 장부입니다. 인터페이스를 빛나는 위험 분석 콘솔 위에 펼쳐진 기관 문서라고 생각해 보세요.
- 1X NEO — 1X Tech는 조용한 홈시어터입니다. 편집 텍스트가 있는 옅은 색 페이지가 펼쳐지며, 사람들과 휴머노이드 로봇이 등장하는 영화 같은 장면들이 나옵니다. 인터페이스 요소는 작고 간격이 넓은 캡션과 부드러운 흑백 이미지로 최소화되어 있습니다.
- B150 — 미래의 필름 그레인 마스터클래스. 제품과 크리에이터를 담은 어둡고 인물 크기의 이미지에 밝고 부드러운 편집 영역을 만드는 방법.
- Captions — 햇살이 비치는 편집 책상. 반투명 곡선형 내비게이션 바를 깨끗하고 하얀, 약간 소음이 있는 작업 공간 위에 놓고, 연한 파란색 작업대와 영상 클로즈업으로 포인트를 더한다.
- Kagi — 별도의 열람실을 마련합니다. 굵은 연필 글씨 주변에 탁 트인 흰색 공간을 만들고, 은은한 보라색 포인트와 따뜻한 파스텔 톤의 표면을 사용하여 고요한 분위기에 변화를 줍니다.
- Milanote — Milanote는 전문적인 크리에이티브 스튜디오입니다. 어두운 프레임 벽, 흰색 디스플레이 공간, 그리고 부드러운 깊이감을 가진 실제 사물처럼 보이는 스크린샷으로 구성된 플로팅 비주얼 보드를 사용하여 편집 갤러리 스타일의 페이지를 제작해 보세요.
- Co2 — 겨울 풍경을 담은 기후 지도. 항공 사진처럼 페이지를 구성하여, 세리프체 제목, 범주별 코드로 분류된 데이터, 그리고 얼음 이미지가 넓은 흰색 여백을 돋보이게 하세요.
- GitButler — 텍스트 끝부분에 청록색이 사용되었습니다. 대비가 강한 세리프 헤드라인과 은은한 기술적 격자, 따뜻한 흑연색 표면, 그리고 절제된 청록색 악센트가 조화를 이루고 있습니다.
- Bee — 햇살처럼 따스한 꿀빛 노란색의 부적. 각 화면을 촉각적인 화보처럼 구성해 보세요. 손목에 착용한 제품의 섬세한 이미지를 둥근 프레임에 담고, 노란색 또는 밝은 중성색 배경 위에 굵고 거의 검정에 가까운 글꼴을 배치합니다.
- Steep — Warm Paper에서 세리프 글꼴 분석