크롤링 데이터
실제 Toss 웹사이트에서 추출한 디자인 데이터를 확인하세요.
데이터 개요
총 웹사이트
4
크롤링된 웹사이트 수
성공률
100%
성공적으로 크롤링된 비율
총 색상
96
추출된 색상 수
마지막 업데이트
2025. 8. 2.
크롤링 실행 시간
웹사이트별 데이터
https://toss.im/
크롤링 시간: 2025. 8. 2. 오전 9:38:07
성공
색상 팔레트
+9
총 17개 색상
타이포그래피
폰트:Toss Product Sans
크기:16px
굵기:400
컴포넌트
Button
rgb(49, 130, 246)https://www.tossinvest.com/
크롤링 시간: 2025. 8. 2. 오전 9:38:14
성공
색상 팔레트
+34
총 42개 색상
타이포그래피
폰트:Toss Product Sans
크기:16px
굵기:400
컴포넌트
Button
rgba(2, 32, 71, 0.05)https://toss.tech/tech
크롤링 시간: 2025. 8. 2. 오전 9:38:22
성공
색상 팔레트
+10
총 18개 색상
타이포그래피
폰트:Toss Product Sans
크기:16px
굵기:400
컴포넌트
Button
rgba(0, 0, 0, 0)https://www.tossbank.com/
크롤링 시간: 2025. 8. 2. 오전 9:38:30
성공
색상 팔레트
+11
총 19개 색상
타이포그래피
폰트:Toss Product Sans
크기:16px
굵기:400
컴포넌트
Button
rgba(0, 0, 0, 0)원본 JSON 데이터
전체 크롤링 데이터
모든 웹사이트에서 추출한 원본 JSON 데이터입니다.
[
{
"url": "https://toss.im/",
"timestamp": "2025-08-02T00:38:07.656Z",
"theme": {
"colors": {
"color": "rgb(33, 37, 41)",
"background-color": "rgb(255, 255, 255)",
"border-color": "rgb(33, 37, 41)",
"palette": [
"rgb(0, 0, 0)",
"rgb(255, 255, 255)",
"rgb(33, 37, 41)",
"rgb(0, 123, 255)",
"rgb(49, 130, 246)",
"rgb(249, 250, 251)",
"rgb(176, 184, 193)",
"rgb(78, 89, 104)",
"rgb(51, 61, 75)",
"rgb(209, 214, 219)",
"rgb(25, 31, 40)",
"rgba(0, 12, 30, 0.8)",
"rgb(107, 118, 132)",
"rgb(139, 149, 161)",
"rgb(245, 246, 248)",
"rgb(232, 243, 255)",
"rgb(27, 100, 218)"
]
},
"typography": {
"fontFamily": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
"fontSize": "16px",
"fontWeight": "400",
"lineHeight": "16px"
},
"spacing": {},
"components": {
"button": {
"backgroundColor": "rgb(49, 130, 246)",
"color": "rgb(249, 250, 251)",
"padding": "11px 16px",
"borderRadius": "15px",
"fontSize": "12px",
"fontWeight": "600"
}
},
"layout": {}
}
},
{
"url": "https://www.tossinvest.com/",
"timestamp": "2025-08-02T00:38:14.725Z",
"theme": {
"colors": {
"color": "rgb(78, 89, 104)",
"background-color": "rgb(255, 255, 255)",
"border-color": "rgb(78, 89, 104)",
"palette": [
"rgb(246, 247, 249)",
"rgb(0, 0, 0)",
"rgb(255, 255, 255)",
"rgb(78, 89, 104)",
"rgb(51, 61, 75)",
"rgb(107, 118, 132)",
"rgba(2, 32, 71, 0.05)",
"rgba(0, 23, 51, 0.02)",
"rgb(139, 149, 161)",
"rgb(49, 130, 246)",
"rgb(209, 214, 219)",
"rgba(0, 12, 30, 0.8)",
"rgb(34, 114, 235)",
"rgb(249, 250, 251)",
"rgba(3, 24, 50, 0.46)",
"rgb(240, 68, 82)",
"rgba(0, 19, 43, 0.58)",
"rgb(242, 244, 246)",
"rgb(201, 226, 255)",
"rgb(255, 239, 191)",
"rgb(174, 239, 213)",
"rgb(232, 243, 255)",
"rgba(100, 168, 255, 0.15)",
"rgba(0, 27, 55, 0.1)",
"rgb(49, 129, 244)",
"rgb(49, 130, 245)",
"rgb(50, 129, 242)",
"rgb(51, 127, 236)",
"rgb(53, 125, 228)",
"rgb(55, 122, 218)",
"rgb(57, 118, 204)",
"rgb(61, 113, 189)",
"rgb(64, 109, 172)",
"rgb(68, 104, 155)",
"rgb(71, 99, 140)",
"rgb(73, 96, 127)",
"rgb(75, 93, 117)",
"rgb(77, 91, 111)",
"rgb(78, 90, 106)",
"rgb(78, 89, 105)",
"rgb(229, 232, 235)",
"rgba(0, 25, 54, 0.31)"
]
},
"typography": {
"fontFamily": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
"fontSize": "16px",
"fontWeight": "400",
"lineHeight": "23.2px"
},
"spacing": {},
"components": {
"button": {
"backgroundColor": "rgba(2, 32, 71, 0.05)",
"color": "rgb(0, 0, 0)",
"padding": "0px",
"borderRadius": "38px",
"fontSize": "16px",
"fontWeight": "400"
}
},
"layout": {}
}
},
{
"url": "https://toss.tech/tech",
"timestamp": "2025-08-02T00:38:22.600Z",
"theme": {
"colors": {
"color": "rgb(33, 37, 41)",
"background-color": "rgb(255, 255, 255)",
"border-color": "rgb(33, 37, 41)",
"palette": [
"rgb(0, 0, 0)",
"rgb(255, 255, 255)",
"rgb(33, 37, 41)",
"rgb(0, 123, 255)",
"rgb(176, 184, 193)",
"rgb(78, 89, 104)",
"rgb(49, 130, 246)",
"rgb(249, 250, 251)",
"rgb(242, 244, 246)",
"rgb(34, 40, 69)",
"rgb(25, 31, 40)",
"rgb(107, 118, 132)",
"rgb(51, 61, 75)",
"rgb(209, 214, 219)",
"rgba(0, 27, 55, 0.1)",
"rgba(78, 89, 104, 0.16)",
"rgb(139, 149, 161)",
"rgb(128, 128, 128)"
]
},
"typography": {
"fontFamily": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
"fontSize": "16px",
"fontWeight": "400",
"lineHeight": "24px"
},
"spacing": {},
"components": {
"button": {
"backgroundColor": "rgba(0, 0, 0, 0)",
"color": "rgb(0, 0, 0)",
"padding": "0px 8px",
"borderRadius": "0px",
"fontSize": "16px",
"fontWeight": "400"
}
},
"layout": {}
}
},
{
"url": "https://www.tossbank.com/",
"timestamp": "2025-08-02T00:38:30.190Z",
"theme": {
"colors": {
"color": "rgb(33, 37, 41)",
"background-color": "rgb(16, 16, 19)",
"border-color": "rgb(33, 37, 41)",
"palette": [
"rgb(0, 0, 0)",
"rgb(16, 16, 19)",
"rgb(33, 37, 41)",
"rgba(16, 16, 19, 0.7)",
"rgb(0, 123, 255)",
"rgb(249, 250, 251)",
"rgb(139, 149, 161)",
"rgb(107, 118, 132)",
"rgba(253, 253, 254, 0.89)",
"rgb(209, 214, 219)",
"rgb(176, 184, 193)",
"rgba(0, 0, 0, 0.5)",
"rgb(255, 255, 255)",
"rgb(229, 232, 235)",
"rgb(25, 31, 40)",
"rgba(224, 224, 255, 0.27)",
"rgba(222, 222, 255, 0.19)",
"rgba(209, 209, 253, 0.05)",
"rgb(11, 11, 13)"
]
},
"typography": {
"fontFamily": "\"Toss Product Sans\", Tossface, \"SF Pro KR\", \"SF Pro Display\", \"SF Pro Icons\", -apple-system, \"system-ui\", \"Basier Square\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Noto Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
"fontSize": "16px",
"fontWeight": "400",
"lineHeight": "24px"
},
"spacing": {},
"components": {
"button": {
"backgroundColor": "rgba(0, 0, 0, 0)",
"color": "rgba(253, 253, 254, 0.89)",
"padding": "12px 0px",
"borderRadius": "0px",
"fontSize": "15px",
"fontWeight": "500"
}
},
"layout": {}
}
}
]데이터 다운로드
데이터 내보내기
크롤링된 데이터를 JSON 파일로 다운로드할 수 있습니다.