Theme style guide

Theme colors

The Open Letter theme provides designers with a fresh, minimal canvas, including four vibrant colors that blend simplicity with sophistication.

Theme colors are defined in the theme.json file:

{
	"settings": {
		"color": {
			"palette": [
				{
					"color": "#ffffff",
					"name": "Base",
					"slug": "base"
				},
				{
					"color": "#000000",
					"name": "Contrast",
					"slug": "contrast"
				},
				{
					"color": "#aa0066",
					"name": "Primary",
					"slug": "primary"
				},
				{
					"color": "#f5f5f5",
					"name": "Neutral",
					"slug": "neutral"
				}
			]
		}
	}
}

The Open Letter primary color passes both WCAG 2.0 level AA and WCAG level AAA contrast tests for the following: Normal Text, Large Text, Graphical Objects and User Interface Components. (View test results)

Theme typeface

Open Letter features Inter, a beautifully crafted variable font family by Rasmus Andersson. Optimized for screen readability, Inter includes nine weights with italics, delivering 18 versatile and elegant styles.