76 lines
1.7 KiB
JSON
76 lines
1.7 KiB
JSON
|
{
|
||
|
|
"brand_name": "Your Brand",
|
||
|
|
"colors": {
|
||
|
|
"primary": "#007AFF",
|
||
|
|
"secondary": "#5856D6",
|
||
|
|
"success": "#34C759",
|
||
|
|
"warning": "#FF9500",
|
||
|
|
"error": "#FF3B30",
|
||
|
|
"neutral_100": "#FFFFFF",
|
||
|
|
"neutral_200": "#F2F2F7",
|
||
|
|
"neutral_300": "#C7C7CC",
|
||
|
|
"neutral_800": "#1C1C1E",
|
||
|
|
"neutral_900": "#000000"
|
||
|
|
},
|
||
|
|
"typography": {
|
||
|
|
"heading_primary": {
|
||
|
|
"font_family": "SF Pro Display",
|
||
|
|
"font_weight": "700",
|
||
|
|
"font_size": "32px",
|
||
|
|
"line_height": "1.2"
|
||
|
|
},
|
||
|
|
"heading_secondary": {
|
||
|
|
"font_family": "SF Pro Display",
|
||
|
|
"font_weight": "600",
|
||
|
|
"font_size": "24px",
|
||
|
|
"line_height": "1.25"
|
||
|
|
},
|
||
|
|
"body_large": {
|
||
|
|
"font_family": "SF Pro Text",
|
||
|
|
"font_weight": "400",
|
||
|
|
"font_size": "17px",
|
||
|
|
"line_height": "1.4"
|
||
|
|
},
|
||
|
|
"body_regular": {
|
||
|
|
"font_family": "SF Pro Text",
|
||
|
|
"font_weight": "400",
|
||
|
|
"font_size": "15px",
|
||
|
|
"line_height": "1.4"
|
||
|
|
},
|
||
|
|
"caption": {
|
||
|
|
"font_family": "SF Pro Text",
|
||
|
|
"font_weight": "400",
|
||
|
|
"font_size": "12px",
|
||
|
|
"line_height": "1.3"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"spacing": {
|
||
|
|
"xs": "4px",
|
||
|
|
"sm": "8px",
|
||
|
|
"md": "16px",
|
||
|
|
"lg": "24px",
|
||
|
|
"xl": "32px",
|
||
|
|
"2xl": "48px",
|
||
|
|
"3xl": "64px"
|
||
|
|
},
|
||
|
|
"border_radius": {
|
||
|
|
"none": "0px",
|
||
|
|
"sm": "4px",
|
||
|
|
"md": "8px",
|
||
|
|
"lg": "12px",
|
||
|
|
"xl": "16px",
|
||
|
|
"full": "9999px"
|
||
|
|
},
|
||
|
|
"shadows": {
|
||
|
|
"sm": "0 1px 2px rgba(0, 0, 0, 0.05)",
|
||
|
|
"md": "0 4px 6px rgba(0, 0, 0, 0.1)",
|
||
|
|
"lg": "0 10px 15px rgba(0, 0, 0, 0.1)",
|
||
|
|
"xl": "0 20px 25px rgba(0, 0, 0, 0.1)"
|
||
|
|
},
|
||
|
|
"accessibility": {
|
||
|
|
"min_contrast_ratio": 4.5,
|
||
|
|
"min_touch_target": "44px",
|
||
|
|
"focus_indicator_color": "#007AFF",
|
||
|
|
"focus_indicator_width": "3px"
|
||
|
|
}
|
||
|
|
}
|