Skip to content

Instantly share code, notes, and snippets.

@kevinSuttle
Last active December 23, 2015 04:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kevinSuttle/c68c2378709620923edb to your computer and use it in GitHub Desktop.
Save kevinSuttle/c68c2378709620923edb to your computer and use it in GitHub Desktop.
UITheme Schema Proposal
{
"@context": "http://schema.org",
"@type": "Color",
"hasCSScolorName": {
"value": "true",
"name": "cornflower_blue"
},
"@values": {
"hexTriplet": "#6495ed",
"hexQuadruplet": "#6495edff",
"rgbDecimal": "rgb(100,149,237)",
"rgbPercent": "rgb(39.2%,58.4%,92.9%)",
"CMYK": "58, 37, 0, 7",
"HSL": "hsl(218.5,79.2%,66.1%)",
"HSB": "218.5°, 57.8, 92.9",
"webSafe": "#6699ff",
"CIE-LAB": "61.927, 9.337, -49.305",
"XYZ": "31.286, 30.317, 84.319",
"xyY": "0.214, 0.208, 30.317",
"CIE-LCH": "61.927, 50.182, 280.723",
"CIE-LUV": "61.927, -22.943, -79.794",
"Hunter-Lab": "55.061, 5.068, -52.253",
"Binary": "01100100, 10010101, 11101101"
},
"shades": {
"@type": "ItemList",
"numberOfItems": "12",
"itemListOrder": "http://schema.org/ItemListOrderAscending",
"itemListElement": [
"#000103",
"#020915",
"#041126",
"#061838",
"#092049",
"#0b275b",
"#0d2f6d",
"#0f377e",
"#113e90",
"#1346a1",
"#154db3",
"#1755c4",
"#195dd6",
"#f1f5fd"
]
},
"tints": {
"@type": "ItemList",
"numberOfItems": "12",
"itemListOrder": "http://schema.org/ItemListOrderAscending",
"itemListElement": [
"#2f71e7",
"#417de9",
"#5289eb",
"#6495ed",
"#76a1ef",
"#87adf1",
"#99b9f3",
"#aac5f5",
"#bcd1f7",
"#cdddf9",
"#dfe9fb",
"#f1f5fd"
]
},
"schemes": {
"complimentary": "#edbc64",
"splitComplimentary": "#ed7864, #d9ed64",
"analogous": "#64d9ed, #7864ed",
"triadic": "#95ed64, #ed6495"
},
"colorBlindnessPerceptions": {
"Monochromacy": {
"Achromatopsia": "#909090",
"atypicalAchromatopsia": "#8791a3"
},
"Dichromacy": {
"Protanopia": "#7898ec",
"Deuteranopia": "#669bed",
"Tritanopia": "#4ba7b3"
},
"Trichromacy": {
"Protanomaly": "#7197ec",
"Deuteranomaly": "#6599ed",
"Tritanomaly": "#54a0c8"
}
}
}
{
"@context": "http://schema.org",
"@type": "FontFamily",
"name": "Roboto Mono",
"url": "https://www.google.com/fonts/specimen/Roboto Mono",
"designer": "Christian Robertson",
"license": "Apache2",
"category": "Monospace",
"postScriptName": "RobotoMono-Regular",
"fullName": "Roboto Mono",
"weights": {
"thin": "100",
"normal": "400",
"medium": "500",
"bold": "700"
},
"styles": ["normal", "italic"],
"fileFormats": ["ttf", "otf", "woff", "woff2"],
"copyright": "Copyright 2015 Google Inc. All Rights Reserved.",
"subsets" : [
"cyrillic",
"cyrillic-ext",
"greek",
"greek-ext",
"latin",
"latin-ext",
"menu",
"vietnamese"
],
"isPartOf": "https://www.google.com/fonts/",
"dateCreated": "2015-05-13",
"dateModified": "12/01/2015"
}
{
"@context": "http://schema.org",
"@type": "icon",
"name": "Add New",
"contentUrl": "https://raw.githubusercontent.com/IBM-Design/icons/master/dist/svg/action-based/add-new_128.svg",
"codeRepository": "https://github.com/IBM-Design/icons/master/dist/svg/action-based/add-new",
"creator": "Hayley Hughes <https://github.com/hchughes>",
"isPartOf": "http://www.ibm.com/design/language/resources/icon-library",
"publisher": "International Business Machines Corporation",
"sourceOrganization": "IBM Design",
"dateCreated": "10/08/2015",
"dateModified": "12/01/2015",
"datePublished": "07/21/2015",
"description": "Icon for adding a new item",
"fileFormats": [
"png",
"svg"
],
"fileSize": "294 Bytes",
"installUrl": "https://www.npmjs.com/package/ibm-design-icons",
"keywords": "Action, CreateAction",
"license": "http://creativecommons.org/licenses/by/4.0",
"releaseNotes": "https://github.com/IBM-Design/icons/releases/tag/v2.0.1",
"resolution": [
{
"@type": "Quantitative",
"unit": "px",
"dimensions": "16, 24, 32, 64, 128"
}
],
"version": "2.0.0"
}
{
"@context": "http://schema.org",
"@type": "visualTheme",
"name": "IBM Design UI Theme",
"codeRepository": "https://github.com/IBM-Design/Themes",
"creator": "Kevin Suttle <https://github.com/kevinSuttle>",
"isPartOf": "http://www.ibm.com/design/language/resources/",
"publisher": "International Business Machines Corporation",
"logo": "https://example.com/img/logo.svg",
"sourceOrganization": "IBM Design",
"dateCreated": "10/08/2015",
"dateModified": "12/01/2015",
"datePublished": "07/21/2015",
"description": "Visual theme for IBM Design UI",
"installUrl": "https://www.npmjs.com/blah",
"license": "http://creativecommons.org/licenses/by/4.0",
"releaseNotes": "",
"version": "0.1.0",
"icons": {},
"colors": {
"lightPalette": [
{
"hexTriplet": "#550021",
"colorRole": "primaryBrandColor"
},
{
"hexTriplet": "#FFDD19",
"colorRole": "supportingBrandColor"
}
],
"darkPalette": [
{
"hexTriplet": "#bad455",
"colorRole": "primaryBrandColor"
},
{
"hexTriplet": "#999",
"colorRole": "supportingBrandColor"
}
]
},
"typefaces": {
"fallbacks": "Arial, Roboto, sans-serif",
"bodyTypeface": {
"fullName": "Helvetica Neue Regular"
},
"headingTypeface": {
"fullName": "Helvetica Neue Bold",
"typefaceRole": "primaryBrandTypeface"
}
},
"animations": {
"transitionDuration": "0.2s",
"transitionTimingFunction": "easeInOutCubic",
"transitionDelay": "0.2s"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment