@financial-times/o-layout/origami.json

Provides page layouts and typography as a starting point to create internal tools or products.

{
	"origamiType": "component",
	"origamiVersion": "2.0",
	"support": "https://github.com/Financial-Times/origami/issues/new?labels=o-layout,components",
	"supportContact": {
		"email": "origami.support@ft.com",
		"slack": "financialtimes/origami-support"
	},
	"browserFeatures": {
		"required": [
			"Array.from",
			"Array.prototype.includes",
			"IntersectionObserver",
			"Object.assign",
			"Object.keys"
		]
	},
	"brands": [
		"core",
		"internal"
	],
	"supportStatus": "active",
	"demosDefaults": {
		"sass": "demos/src/demo.scss",
		"js": "demos/src/demo.js",
		"documentClasses": ""
	},
	"demos": [
		{
			"title": "Documentation Layout",
			"name": "documentation-layout",
			"data": {
				"tagline": "Documentation Layout"
			},
			"template": "demos/src/documentation-layout.mustache",
			"description": "Ideal for documentation."
		},
		{
			"title": "Landing Layout",
			"name": "landing-layout",
			"data": {
				"tagline": "Landing Layout"
			},
			"brands": [
				"internal"
			],
			"template": "demos/src/landing-layout.mustache",
			"description": "Ideal for a homepage. This demo shows the land layout's hero area paired with optional overview elements."
		},
		{
			"title": "Landing Layout With Article List",
			"name": "landing-layout-listing",
			"data": {
				"tagline": "Landing Layout With Article List"
			},
			"brands": [
				"internal"
			],
			"template": "demos/src/landing-layout-listing.mustache",
			"description": "Ideal for a subsection or category page, the landing layout may have a muted hero area. This demo shows the muted hero area paired with an article list but any content, including the overview elements, may be used below the hero area."
		},
		{
			"title": "Query Layout",
			"name": "query-layout",
			"data": {
				"tagline": "Query Layout"
			},
			"brands": [
				"internal"
			],
			"template": "demos/src/query-layout.mustache",
			"description": "Ideal for a search or filter page."
		},
		{
			"title": "Base Layout",
			"name": "base-layout",
			"data": {
				"tagline": "Base Layout"
			},
			"template": "demos/src/base-layout.mustache",
			"hidden": true,
			"description": ""
		},
		{
			"title": "Bleed Layout",
			"name": "bleed-layout",
			"data": {
				"tagline": "Bleed Layout",
				"bleed": true
			},
			"template": "demos/src/bleed-layout.mustache",
			"hidden": true,
			"description": ""
		}
	]
}