Page template
Gatsby Theme Candor
Theme JSON
The theme JSON is below:
{
"initialColorModeName": "light",
"breakpoints": [
"320px",
"480px",
"640px",
"800px",
"960px",
"1120px",
"1280px",
"1440px",
"1600px"
],
"borders": {},
"borderStyles": {},
"borderWidths": {
"0": "0",
"none": "0",
"sm": "2px",
"md": "4px",
"lg": "8px"
},
"colors": {
"white": "#FFFFFF",
"fairWhite": "#F2F2F2",
"genuineSilver": "#828291",
"reliableGray": "#424150",
"impartialGray": "#2A2A36",
"black": "#000000",
"neutral": [
"#FFFFFF",
"#F2F2F2",
"#828291",
"#424150",
"#2A2A36",
"#000000"
],
"candidOrange": "#F18F01",
"directRed": "#ED254E",
"virtuousViolet": "#B721FF",
"unyieldingYellow": "#F8E71C",
"crispEucalyptus": "#40F99B",
"clearBlue": "#21D4FD",
"equitableBlue": "#3F89FF",
"properBlue": "#102341",
"text": "#2A2A36",
"background": "#FFFFFF",
"primary": "#F18F01",
"secondary": "#21D4FD",
"accent": "#40F99B",
"highlight": "#3F89FF",
"muted": "#828291"
},
"fonts": {
"body": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"",
"heading": "SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
"monospace": "SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace"
},
"fontSizes": [
16,
18,
20,
24,
28,
32,
40,
48,
60,
72
],
"fontWeights": {
"body": 300,
"heading": 700,
"bold": 500
},
"letterSpacings": {},
"lineHeights": {
"body": 1.667,
"heading": 1.125
},
"radii": {
"0": "0",
"none": "0",
"default": "4px",
"full": "100%"
},
"shadows": {},
"sizes": {
"0": "0px",
"8": "8px",
"16": "16px",
"24": "24px",
"32": "32px",
"40": "40px",
"48": "48px",
"64": "64px",
"80": "80px",
"96": "96px",
"128": "128px",
"256": "256px",
"mobileS": "320px",
"mobileM": "480px",
"mobileL": "640px",
"tabletS": "800px",
"tabletM": "960px",
"tabletL": "1120px",
"laptopS": "1280px",
"laptopM": "1440px",
"laptopL": "1600px",
"full": "100%",
"screenHeight": "100vh",
"screenWidth": "100vw"
},
"space": [
"0px",
"8px",
"16px",
"24px",
"32px",
"40px",
"48px",
"64px",
"80px",
"96px",
"128px",
"256px"
],
"zIndices": {},
"styles": {
"root": {
"fontSize": [
0,
null,
1,
null,
2
],
"fontFamily": "body",
"lineHeight": "body",
"fontWeight": "body"
},
"p": {
"marginY": 2
},
"a": {
"color": "primary"
},
"h1": {
"color": "text",
"fontFamily": "heading",
"lineHeight": "heading",
"fontWeight": "heading",
"marginY": 2,
"marginTop": 6,
"a": {
"color": "inherit",
"textDecoration": "none",
"&:hover": {
"textDecoration": "underline",
"color": "primary"
}
},
"fontSize": [
5,
null,
6,
null,
7
]
},
"h2": {
"color": "text",
"fontFamily": "heading",
"lineHeight": "heading",
"fontWeight": "heading",
"marginY": 2,
"marginTop": 6,
"a": {
"color": "inherit",
"textDecoration": "none",
"&:hover": {
"textDecoration": "underline",
"color": "primary"
}
},
"fontSize": [
4,
null,
5,
null,
6
]
},
"h3": {
"color": "text",
"fontFamily": "heading",
"lineHeight": "heading",
"fontWeight": "heading",
"marginY": 2,
"marginTop": 6,
"a": {
"color": "inherit",
"textDecoration": "none",
"&:hover": {
"textDecoration": "underline",
"color": "primary"
}
},
"fontSize": [
3,
null,
4,
null,
5
]
},
"h4": {
"color": "text",
"fontFamily": "heading",
"lineHeight": "heading",
"fontWeight": "heading",
"marginY": 2,
"marginTop": 6,
"a": {
"color": "inherit",
"textDecoration": "none",
"&:hover": {
"textDecoration": "underline",
"color": "primary"
}
},
"fontSize": [
2,
null,
3,
null,
4
]
},
"h5": {
"color": "text",
"fontFamily": "heading",
"lineHeight": "heading",
"fontWeight": "heading",
"marginY": 2,
"marginTop": 6,
"a": {
"color": "inherit",
"textDecoration": "none",
"&:hover": {
"textDecoration": "underline",
"color": "primary"
}
},
"fontSize": [
1,
null,
2,
null,
3
]
},
"h6": {
"color": "text",
"fontFamily": "heading",
"lineHeight": "heading",
"fontWeight": "heading",
"marginY": 2,
"marginTop": 6,
"a": {
"color": "inherit",
"textDecoration": "none",
"&:hover": {
"textDecoration": "underline",
"color": "primary"
}
},
"fontSize": [
0,
null,
1,
null,
2
]
},
"img": {},
"pre": {
"marginY": 2,
"color": "neutral.3",
"backgroundColor": "neutral.1",
"maxWidth": "full",
"overflow": "scroll",
"padding": 2
},
"code": {
"fontFamily": "monospace",
"color": "secondary"
},
"ol": {
"marginY": 2,
"padding": 0,
"paddingLeft": 6
},
"ul": {
"marginY": 2,
"padding": 0,
"paddingLeft": 6
},
"li": {
"marginY": "4px",
"paddingLeft": 1
},
"blockquote": {
"marginY": 2,
"marginX": 4,
"paddingX": 2,
"border": "none",
"borderLeftWidth": "lg",
"borderLeftStyle": "solid",
"borderLeftColor": "muted"
},
"hr": {
"marginY": 2,
"border": "none",
"height": "2px",
"backgroundColor": "muted"
},
"em": {},
"strong": {
"fontWeight": "bold"
},
"del": {
"color": "muted"
},
"delete": {
"color": "muted"
},
"b": {
"fontWeight": "bold"
},
"i": {},
"table": {
"width": "100%",
"borderCollapse": "separate",
"borderSpacing": 0
},
"tr": {},
"th": {
"textAlign": "left",
"padding": "4px",
"border": "none",
"backgroundColor": "muted",
"color": "background"
},
"td": {
"textAlign": "left",
"padding": "4px",
"borderWidth": "sm",
"borderBottomStyle": "solid",
"borderColor": "muted"
},
"div": {},
"inlineCode": {},
"thematicBreak": {
"marginY": 2,
"border": "none",
"height": "2px",
"backgroundColor": "muted"
}
},
"transitions": {
"default": "all 200ms ease",
"fast": "all 100ms ease"
},
"opacities": {
"0": "0",
"none": "0",
"low": "0.2",
"half": "0.5",
"high": "0.8",
"full": "1"
},
"layout": {
"container": {
"width": [
"calc(100% - 16px)",
null,
null,
null,
"calc(100% - 24px)"
],
"maxWidth": "tabletS"
}
},
"buttons": {
"primary": {
"cursor": "pointer",
"borderRadius": "default",
"paddingX": 4,
"paddingY": 2,
"transition": "all 100ms ease",
"&:active": {
"opacity": "0.8",
"transform": "scale(0.95)"
},
"backgroundColor": "primary"
},
"secondary": {
"cursor": "pointer",
"borderRadius": "default",
"paddingX": 4,
"paddingY": 2,
"transition": "all 100ms ease",
"&:active": {
"opacity": "0.8",
"transform": "scale(0.95)"
},
"backgroundColor": "secondary"
}
},
"text": {
"default": {
"display": "inline"
},
"mono": {
"display": "inline",
"fontFamily": "monospace"
},
"heading": {
"color": "primary",
"fontFamily": "heading",
"lineHeight": "heading",
"fontWeight": "heading",
"marginY": 2,
"marginTop": 6,
"a": {
"color": "inherit",
"textDecoration": "none",
"&:hover": {
"textDecoration": "underline",
"color": "primary"
}
},
"fontSize": [
4,
null,
5,
null,
6
]
},
"subheading": {
"color": "muted",
"fontFamily": "heading",
"lineHeight": "heading",
"fontWeight": "heading",
"marginY": 2,
"marginTop": 0,
"a": {
"color": "inherit",
"textDecoration": "none",
"&:hover": {
"textDecoration": "underline",
"color": "primary"
}
},
"fontSize": [
2,
null,
3,
null,
4
]
}
},
"cards": {
"primary": {
"borderWidth": "sm",
"borderStyle": "solid",
"borderColor": "neutral.2",
"borderRadius": "default",
"padding": 1
}
},
"forms": {},
"badges": {
"primary": {
"backgroundColor": "primary"
},
"secondary": {
"backgroundColor": "secondary"
},
"accent": {
"backgroundColor": "accent"
},
"highlight": {
"backgroundColor": "highlight"
}
},
"alerts": {
"primary": {
"backgroundColor": "primary",
"color": "white"
},
"secondary": {
"backgroundColor": "secondary",
"color": "white"
},
"accent": {
"backgroundColor": "accent",
"color": "white"
},
"highlight": {
"backgroundColor": "highlight",
"color": "white"
}
},
"messages": {}
}