paragongroup.co
Paragon Group
Paragon partners with teams across the startup ecosystem to design brands, build products, and establish a market presence that lasts.
DESIGN.md
# DESIGN.md
Paragon partners with teams across the startup ecosystem to design brands, build products, and establish a market presence that lasts.Design JSON
{
"meta": {
"url": "https://www.paragongroup.co/",
"title": "Paragon Group | The Product and Design Partner for Modern Startups | Paragon Group"
},
"fonts": {
"sizes": [
{
"count": 762,
"value": "16px"
},
{
"count": 51,
"value": "12px"
},
{
"count": 51,
"value": "14px"
},
{
"count": 13,
"value": "18px"
},
{
"count": 10,
"value": "60px"
},
{
"count": 4,
"value": "20px"
},
{
"count": 4,
"value": "36px"
},
{
"count": 4,
"value": "8px"
},
{
"count": 3,
"value": "48px"
},
{
"count": 3,
"value": "24px"
},
{
"count": 2,
"value": "28px"
},
{
"count": 2,
"value": "22px"
},
{
"count": 2,
"value": "5px"
},
{
"count": 2,
"value": "4px"
},
{
"count": 1,
"value": "72px"
}
],
"weights": [
{
"count": 843,
"value": "400"
},
{
"count": 61,
"value": "500"
},
{
"count": 6,
"value": "700"
},
{
"count": 4,
"value": "600"
}
],
"families": [
{
"count": 849,
"value": "Inter Tight"
},
{
"count": 36,
"value": "Faculty Glyphic"
},
{
"count": 17,
"value": "JetBrains Mono"
},
{
"count": 8,
"value": "system-ui"
},
{
"count": 4,
"value": "serif"
}
]
},
"colors": {
"text": [
{
"count": 592,
"value": "#1a1a1a"
},
{
"count": 49,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.8)"
},
{
"count": 45,
"value": "#6b6b70"
},
{
"count": 27,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.18)"
},
{
"count": 23,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.2)"
},
{
"count": 22,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.12)"
},
{
"count": 21,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.6)"
},
{
"count": 17,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.06)"
},
{
"count": 13,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.04)"
},
{
"count": 12,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.08)"
},
{
"count": 10,
"value": "#f3f3f5"
},
{
"count": 9,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.07)"
},
{
"count": 9,
"value": "#000000"
},
{
"count": 8,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.35)"
},
{
"count": 8,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.14)"
},
{
"count": 7,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.1)"
},
{
"count": 7,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.05)"
},
{
"count": 6,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.25)"
},
{
"count": 5,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.5)"
},
{
"count": 4,
"value": "oklab(0.217772 0.00000990927 0.00000436604 / 0.15)"
}
],
"borders": [
{
"count": 30,
"value": "oklab(0.883339 0.00156263 -0.00519204 / 0.6)"
},
{
"count": 15,
"value": "#969ba6"
},
{
"count": 5,
"value": "#d8d8dc"
},
{
"count": 3,
"value": "oklab(0.883339 0.00156263 -0.00519204 / 0.5)"
},
{
"count": 3,
"value": "#ffffff"
},
{
"count": 3,
"value": "#000000"
},
{
"count": 2,
"value": "oklab(0 0 0 / 0.1)"
},
{
"count": 1,
"value": "oklab(0.922 0 0 / 0.6)"
}
],
"backgrounds": [
{
"count": 60,
"value": "#969ba6"
},
{
"count": 12,
"value": "#000000"
},
{
"count": 10,
"value": "#f3f3f5"
},
{
"count": 6,
"value": "oklab(0.964641 0.000792086 -0.00253075 / 0.5)"
},
{
"count": 3,
"value": "#ffffff"
},
{
"count": 1,
"value": "oklch(0.205 0 0)"
}
]
},
"spacing": {
"margins": [
{
"count": 20,
"value": "0px 0px 12px"
},
{
"count": 14,
"value": "0px 0px 20px"
},
{
"count": 9,
"value": "0px 0px 8px"
},
{
"count": 6,
"value": "0px 0px 24px"
},
{
"count": 5,
"value": "0px 0px 16px"
},
{
"count": 4,
"value": "0px 56px"
},
{
"count": 4,
"value": "64px 0px 0px"
},
{
"count": 4,
"value": "12px 0px 0px"
},
{
"count": 3,
"value": "24px 0px 0px"
},
{
"count": 3,
"value": "16px 0px 0px"
},
{
"count": 3,
"value": "8px 0px 0px"
},
{
"count": 2,
"value": "40px 0px 0px"
},
{
"count": 2,
"value": "0px 80px"
},
{
"count": 1,
"value": "0px 0px -136px"
},
{
"count": 1,
"value": "0px 248px"
}
],
"paddings": [
{
"count": 30,
"value": "6px 12px"
},
{
"count": 12,
"value": "32px"
},
{
"count": 8,
"value": "10px 20px"
},
{
"count": 5,
"value": "128px 24px"
},
{
"count": 4,
"value": "12px 32px"
},
{
"count": 4,
"value": "16px"
},
{
"count": 2,
"value": "128px 0px"
},
{
"count": 2,
"value": "0px 32px"
},
{
"count": 1,
"value": "56px 16px 0px"
},
{
"count": 1,
"value": "0px 16px"
},
{
"count": 1,
"value": "8px"
},
{
"count": 1,
"value": "16px 32px"
},
{
"count": 1,
"value": "6px"
},
{
"count": 1,
"value": "0px 0px 64px"
},
{
"count": 1,
"value": "64px 0px"
}
]
},
"boxShadows": [
{
"count": 3,
"value": "rgba(0, 0, 0, 0.2) 0px 1px 2px 0px, rgba(0, 0, 0, 0.15) 0px 2px 8px -1px, rgba(255, 255, 255, 0.15) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.3) 0px -1px 1px 0px inset"
},
{
"count": 2,
"value": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(108, 113, 128, 0.08) 0px 2px 4px 0px, rgba(108, 113, 128, 0.07) 0px 7px 7px 0px, rgba(108, 113, 128, 0.04) 0px 17px 10px 0px"
},
{
"count": 1,
"value": "rgba(0, 0, 0, 0.08) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 2px 6px -1px, rgba(255, 255, 255, 0.9) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.02) 0px 0px 0px 1px inset"
},
{
"count": 1,
"value": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0 0 0 / 0.1) 0px 10px 15px -3px, oklab(0 0 0 / 0.1) 0px 4px 6px -4px"
}
],
"components": {
"links": [
{
"color": "#1a1a1a",
"fontWeight": "400",
"textDecoration": "none solid rgb(26, 26, 26)"
},
{
"color": "#1a1a1a",
"fontWeight": "400",
"textDecoration": "none solid rgb(26, 26, 26)"
},
{
"color": "oklab(0.217772 0.00000990927 0.00000436604 / 0.6)",
"fontWeight": "400",
"textDecoration": "none solid oklab(0.217772 0.00000990927 0.00000436604 / 0.6)"
},
{
"color": "oklab(0.217772 0.00000990927 0.00000436604 / 0.6)",
"fontWeight": "400",
"textDecoration": "none solid oklab(0.217772 0.00000990927 0.00000436604 / 0.6)"
},
{
"color": "oklab(0.217772 0.00000990927 0.00000436604 / 0.6)",
"fontWeight": "400",
"textDecoration": "none solid oklab(0.217772 0.00000990927 0.00000436604 / 0.6)"
},
{
"color": "#1a1a1a",
"fontWeight": "400",
"textDecoration": "none solid rgb(26, 26, 26)"
},
{
"color": "oklab(0.217772 0.00000990927 0.00000436604 / 0.6)",
"fontWeight": "400",
"textDecoration": "none solid oklab(0.217772 0.00000990927 0.00000436604 / 0.6)"
},
{
"color": "oklab(0.217772 0.00000990927 0.00000436604 / 0.6)",
"fontWeight": "400",
"textDecoration": "none solid oklab(0.217772 0.00000990927 0.00000436604 / 0.6)"
},
{
"color": "#f3f3f5",
"fontWeight": "500",
"textDecoration": "none solid rgb(243, 243, 245)"
},
{
"color": "#1a1a1a",
"fontWeight": "500",
"textDecoration": "none solid rgb(26, 26, 26)"
}
],
"inputs": [],
"buttons": [
{
"text": "Work with us",
"color": "#ffffff",
"padding": "16px 32px",
"fontSize": "16px",
"fontWeight": "400",
"borderRadius": "3.35544e+07px",
"backgroundColor": null
},
{
"text": "More",
"color": "oklab(0.217772 0.00000990927 0.00000436604 / 0.6)",
"padding": "10px 20px",
"fontSize": "16px",
"fontWeight": "400",
"borderRadius": "3.35544e+07px",
"backgroundColor": null
},
{
"text": "Work with us",
"color": "#1a1a1a",
"padding": "12px 32px",
"fontSize": "16px",
"fontWeight": "500",
"borderRadius": "3.35544e+07px",
"backgroundColor": null
},
{
"text": "Get in touch",
"color": "#f3f3f5",
"padding": "14px 32px",
"fontSize": "16px",
"fontWeight": "500",
"borderRadius": "3.35544e+07px",
"backgroundColor": null
},
{
"text": "Work with us",
"color": "#1a1a1a",
"padding": "10px 24px",
"fontSize": "14px",
"fontWeight": "500",
"borderRadius": "3.35544e+07px",
"backgroundColor": null
},
{
"text": "Contact",
"color": "oklab(0.217772 0.00000990927 0.00000436604 / 0.8)",
"padding": "0px",
"fontSize": "14px",
"fontWeight": "400",
"borderRadius": "0px",
"backgroundColor": null
},
{
"text": "",
"color": "oklch(0.708 0 0)",
"padding": "4px",
"fontSize": "16px",
"fontWeight": "400",
"borderRadius": "3.35544e+07px",
"backgroundColor": null
},
{
"text": "Got it",
"color": "#ffffff",
"padding": "6px 16px",
"fontSize": "14px",
"fontWeight": "500",
"borderRadius": "3.35544e+07px",
"backgroundColor": "oklch(0.205 0 0)"
}
]
},
"borderRadius": [
{
"count": 49,
"value": "3.35544e+07px"
},
{
"count": 1,
"value": "16px"
}
],
"colorClusters": {
"text": [
{
"primary": "#1a1a1a",
"totalCount": 592,
"variations": [
"#1a1a1a"
]
},
{
"primary": "#6b6b70",
"totalCount": 45,
"variations": [
"#6b6b70"
]
},
{
"primary": "#f3f3f5",
"totalCount": 10,
"variations": [
"#f3f3f5"
]
},
{
"primary": "#000000",
"totalCount": 9,
"variations": [
"#000000"
]
}
],
"borders": [
{
"primary": "#969ba6",
"totalCount": 15,
"variations": [
"#969ba6"
]
},
{
"primary": "#d8d8dc",
"totalCount": 5,
"variations": [
"#d8d8dc"
]
},
{
"primary": "#ffffff",
"totalCount": 3,
"variations": [
"#ffffff"
]
},
{
"primary": "#000000",
"totalCount": 3,
"variations": [
"#000000"
]
}
],
"backgrounds": [
{
"primary": "#969ba6",
"totalCount": 60,
"variations": [
"#969ba6"
]
},
{
"primary": "#f3f3f5",
"totalCount": 13,
"variations": [
"#f3f3f5",
"#ffffff"
]
},
{
"primary": "#000000",
"totalCount": 12,
"variations": [
"#000000"
]
}
]
}
}