@n8d/htwoo-patterns
Version:
hTWOo Patterns to setup custom style guide
66 lines • 2.22 kB
JSON
{
"card-images": {
"default": "../../images/card-images/coffee-image.jpg",
"splash": [
"../../images/card-images/htwoo-gm-001.svg",
"../../images/card-images/htwoo-gm-002.svg",
"../../images/card-images/htwoo-gm-003.svg"
]
},
"card-templates": {
"default": {
"title": "Default Card Title",
"description": "Default card description that can be used as a template.",
"location": "Marketing"
},
"article": {
"title": "Article Card Title",
"description": "This is a template for article-style cards."
},
"product": {
"title": "Product Card Title",
"description": "Template for product-related cards."
}
},
"card": {
"footer": {
"name": "Man on the moon",
"modified": "Created a seconds ago",
"mugshot": "../../images/mug-shots/astronaut-mugshot-001.jpg",
"size": 32
},
"media": {
"image": "../../images/card-images/coffee-image.jpg"
},
"location": "Marketing"
},
"splash-card": {
"title": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, velit.",
"headerImage": "../../images/card-images/htwoo-gm-001.svg",
"description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, velit.",
"primary-button": {
"button": {
"label": "Create something"
}
},
"secondary-button": {
"button": {
"label": "Call for action"
}
}
},
"splash-card-variants": [
{
"title": "First splash card with custom title",
"description": "Custom description for first card variant."
},
{
"title": "Second splash card with another title",
"description": "Different description for second card variant."
},
{
"title": "Third splash card title variation",
"description": "Yet another description for the third card variant."
}
]
}