{"schemaVersion":1,"system":{"id":"hsbc-design","name":"HSBC Design System","officialDocumentation":"https://create.hsbc/"},"spec":{"slug":"hsbc-design","confidence":"low","colors":[{"name":"HSBC Red","value":"#db0011","cssVar":"--hsbc-red","role":"Brand hexagon and primary accents"},{"name":"Text","value":"#333333","cssVar":"--hsbc-text","role":"Primary text"},{"name":"Secondary Text","value":"#767676","cssVar":"--hsbc-text-secondary","role":"Secondary text"},{"name":"White","value":"#ffffff","cssVar":"--hsbc-white","role":"Surfaces"},{"name":"Light Grey","value":"#f4f4f4","cssVar":"--hsbc-grey-light","role":"Subtle background"},{"name":"Border","value":"#d7d8d6","cssVar":"--hsbc-border","role":"Borders"},{"name":"Success","value":"#008580","cssVar":"--hsbc-success","role":"Positive states (teal-green)"},{"name":"Error","value":"#a8000b","cssVar":"--hsbc-error","role":"Errors"}],"fonts":[{"role":"body","family":"Univers Next","stack":"'Univers Next', Arial, Helvetica, sans-serif","weights":"400, 600, 700"}],"typeScale":[{"name":"h1","size":"38px","lineHeight":"46px"},{"name":"h2","size":"28px","lineHeight":"36px"},{"name":"body","size":"16px","lineHeight":"24px"},{"name":"small","size":"14px","lineHeight":"20px"}],"spacing":{"base":"4px","steps":["4px","8px","16px","24px","32px"]},"radius":[{"name":"default","value":"0"}],"personality":"Global-bank formality: the hexagon red used with extreme discipline, Univers Next neutrality, and square-cornered financial gravitas.","sources":["https://create.hsbc/"],"note":"create.hsbc gates most detail behind login; values are a conservative reading of public surfaces.","provenance":{"schemaVersion":1,"contextSources":["https://create.hsbc/"],"contextSourceLimit":"These sources contextualize the whole reference. They do not verify each field unless that field explicitly links a source.","claims":[{"path":"/colors/0/name","value":"HSBC Red","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/0/value","value":"#db0011","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/0/cssVar","value":"--hsbc-red","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/0/role","value":"Brand hexagon and primary accents","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/1/name","value":"Text","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/1/value","value":"#333333","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/1/cssVar","value":"--hsbc-text","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/1/role","value":"Primary text","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/2/name","value":"Secondary Text","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/2/value","value":"#767676","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/2/cssVar","value":"--hsbc-text-secondary","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/2/role","value":"Secondary text","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/3/name","value":"White","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/3/value","value":"#ffffff","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/3/cssVar","value":"--hsbc-white","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/3/role","value":"Surfaces","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/4/name","value":"Light Grey","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/4/value","value":"#f4f4f4","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/4/cssVar","value":"--hsbc-grey-light","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/4/role","value":"Subtle background","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/5/name","value":"Border","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/5/value","value":"#d7d8d6","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/5/cssVar","value":"--hsbc-border","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/5/role","value":"Borders","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/6/name","value":"Success","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/6/value","value":"#008580","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/6/cssVar","value":"--hsbc-success","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/6/role","value":"Positive states (teal-green)","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/7/name","value":"Error","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/7/value","value":"#a8000b","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/7/cssVar","value":"--hsbc-error","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/colors/7/role","value":"Errors","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/fonts/0/role","value":"body","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/fonts/0/family","value":"Univers Next","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/fonts/0/stack","value":"'Univers Next', Arial, Helvetica, sans-serif","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/fonts/0/weights","value":"400, 600, 700","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/typeScale/0/name","value":"h1","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/typeScale/0/size","value":"38px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/typeScale/0/lineHeight","value":"46px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/typeScale/1/name","value":"h2","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/typeScale/1/size","value":"28px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/typeScale/1/lineHeight","value":"36px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/typeScale/2/name","value":"body","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/typeScale/2/size","value":"16px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/typeScale/2/lineHeight","value":"24px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/typeScale/3/name","value":"small","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/typeScale/3/size","value":"14px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/typeScale/3/lineHeight","value":"20px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/spacing/base","value":"4px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/spacing/steps/0","value":"4px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/spacing/steps/1","value":"8px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/spacing/steps/2","value":"16px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/spacing/steps/3","value":"24px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/spacing/steps/4","value":"32px","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/radius/0/name","value":"default","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/radius/0/value","value":"0","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}},{"path":"/personality","value":"Global-bank formality: the hexagon red used with extreme discipline, Univers Next neutrality, and square-cornered financial gravitas.","evidence":{"status":"unknown","source":null,"checkedAt":null,"version":null,"method":"Legacy editorial reference; field-level source, method and verification date were not retained."}}],"coverage":{"total":57,"sourceLinked":0,"dated":0}}}}