
Tailscale
크림색 종이에 엔지니어드 보드를 덧댄 디자인. 따뜻하고 은은한 크림빛 바탕에 붉은색 마커로 그린 한 줄의 선, 부드러운 모서리, 그리고 은은한 Inter 폰트가 어우러져 독자를 배려하는 인프라 문서화의 시각적 언어를 만들어냅니다.
팔레트
상표
- Signal Red
#d04841
중립적
- Ink
#181717 - Bone
#eeebea - Paper
#ffffff - Graphite
#2e2d2d - Charcoal
#575555 - Ash
#706e6d
타이포그래피
12픽셀에서 64픽셀로 · 7단계
- Inter — 대사: Inter (Google Fonts) or IBM Plex Sans · 요점 300, 400, 500, 600
- MDIO — 대사: Space Grotesk 500 with letter-spacing: 0.05em · 요점 500
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 밀집한 |
| 기본 단계 | 12-16px |
| 버튼 반경 | 8px |
| 카드 반경 | 16px |
| 그림자 | 부드러운 그림자 |
| 구간 사이 | 80-96px |
| 페이지 너비 | 1200px |
AI가 Tailscale 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- AI for Business — 따뜻한 회색 톤의 브루탈리즘 양식 편집 쇼룸
- Superhuman — 골든아워 편집 패널
- Visitors — 흰색 엔지니어링 도면
- Vercel — 흰 종이에 인쇄된 터미널
- Jeton — 따뜻한 대리석 위에 핀테크에 관한 사설
- ClickUp — 흰색 대리석 위에 펼쳐진 강력한 대시보드. 이 페이지는 생산성 도구의 제품 브로셔이므로, 시각적 언어는 제품 자체에서 차용되었습니다. 빽빽한 목록, 상태 표시기, 아바타 그룹, 그리고 마치 제품 사양서를 전시해 놓은 듯한 대담한 서체 문구들이 그 예입니다.
- Dock — 선릿 크림 페이퍼, 코발트 펄스
- Quizlet — 교실은 하얀 배경에 다양한 색깔로 장식되어 있다. 차분한 책상 뒤에는 파스텔톤 카드 네 장이 놓여 있고, 차가운 회색 벽과 남색 마커로 그어진 한 줄의 자국만이 유일하게 밝은 포인트를 이루고 있다.
- Airtable — 각 장이 서로 다른 색깔로 표시된 아늑한 세미나
- Headspace — 따뜻한 종이 위에 펼쳐진 햇살 가득한 웰빙 공간
- Foodnoms — 햇살 가득한 흰 도자기 과일 시장 - 따뜻한 오렌지색, 싱그러운 초록색, 그리고 풍성하고 둥근 모양들이 돋보입니다.
- WHOOP — 한밤중의 퍼포먼스 연구실 - 검은색의 연극적인 공간 아래 놓인 하얀색 임상 실험실 테이블, 그리고 보라색 전기 파동 하나