Winkel: Initial commit. (#5571)

* Winkel: Initial commit.

* Update winkel/style.css

* rename header template and simplify templates

* Winkel: Update header - enable logo syncing, remove navigation font size.

* Winkel: Update theme.json - use a different text color for paragraphs, define navigation font size.

* Refactor so that we can use the header-centered pattern in Winkel

Co-authored-by: Ben Dwyer <ben@scruffian.com>

blockbase/block-template-parts/header-centered.html

@@ -9,7 +9,7 @@
 <!-- /wp:spacer -->
 
 <!-- wp:site-logo {"align":"center","width":128} /-->
-<!-- wp:site-title {"textAlign":"center","style":{"spacing":{"padding":{"top":"30px","bottom":"20px"}},"typography":{"fontSize":"55px"}}} /-->
+<!-- wp:site-title {"textAlign":"center","style":{"spacing":{"padding":{"top":"30px","bottom":"20px"}}}} /-->
 <!-- wp:site-tagline {"textAlign":"center","fontSize":"small"} /-->
 <!-- wp:spacer {"height":20} -->
 <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>

seedlet-blocks/theme.json

@@ -212,6 +212,9 @@
 			"core/site-title": {
 				"color": {
 					"link": "var(--wp--custom--color--primary)"
+				},
+				"typography": {
+					"fontSize": "55px"
 				}
 			}
 		}

winkel/parts/header.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"blockbase/header-centered"} /-->

winkel/readme.txt

@@ -0,0 +1,38 @@
+=== Winkel ===
+Contributors: Automattic
+Requires at least: 5.8
+Tested up to: 5.9
+Requires PHP: 5.7
+License: GPLv2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+
+== Description ==
+
+Winkel is a minimal, product-oriented theme.
+
+== Changelog ==
+
+= 1.0.0 =
+* Initial release
+
+== Copyright ==
+
+Winkel WordPress Theme, (C) 2022 Automattic
+Winkel is distributed under the terms of the GNU GPL.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 2 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+Product photography by cottonbro.
+* https://www.pexels.com/photo/man-in-gray-knit-cap-and-black-jacket-7026777/
+* https://www.pexels.com/photo/cold-fashion-man-love-7026768/
+* https://www.pexels.com/photo/cold-snow-fashion-man-7026767/
+* https://www.pexels.com/photo/cold-snow-fashion-man-7026775/
+Used in theme screenshot and demo site.

winkel/style.css

@@ -0,0 +1,16 @@
+/*
+Theme Name: Winkel
+Theme URI: https://wordpress.com/theme/winkel
+Author: Automattic
+Author URI: https://automattic.com/
+Description: Winkel is a minimal, product-oriented theme.
+Requires at least: 5.8
+Tested up to: 5.9
+Requires PHP: 5.7
+Version: 0.0.1
+License: GNU General Public License v2 or later
+License URI: https://raw.githubusercontent.com/Automattic/themes/trunk/LICENSE
+Template: blockbase
+Text Domain: winkel
+Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks, auto-loading-homepage
+*/

winkel/theme.json

@@ -0,0 +1,82 @@
+{
+    "version": 2,
+    "settings": {
+        "color": {
+            "palette": [
+                {
+                    "slug": "primary",
+                    "color": "#444444",
+                    "name": "Primary",
+                    "default": "#444444"
+                },
+                {
+                    "slug": "foreground",
+                    "color": "#222222",
+                    "name": "Foreground",
+                    "default": "#222222"
+                },
+                {
+                    "slug": "background",
+                    "color": "#ffffff",
+                    "name": "Background",
+                    "default": "#ffffff"
+                },
+                {
+                    "slug": "tertiary",
+                    "color": "#ecf2f3",
+                    "name": "Tertiary",
+                    "default": "#F0F0F0"
+                }
+            ]
+        },
+        "typography": {
+            "fontFamilies": [
+                {
+                    "fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
+                    "slug": "body-font",
+                    "name": "Body (System Font)",
+                    "fontSlug": "system-font"
+                },
+                {
+                    "fontFamily": "\"Libre Baskerville\", serif",
+                    "slug": "heading-font",
+                    "name": "Heading (Libre Baskerville)",
+                    "google": "family=Libre+Baskerville:ital,wght@0,400;0,700;1,400",
+                    "fontSlug": "libre-baskerville"
+                }
+            ]
+        },
+        "custom": {
+            "color": {
+                "foreground": "var(--wp--preset--color--foreground)",
+                "background": "var(--wp--preset--color--background)",
+                "primary": "var(--wp--preset--color--foreground)",
+                "secondary": "var(--wp--preset--color--foreground)",
+                "tertiary": "var(--wp--preset--color--tertiary)"
+            }
+        },
+        "layout": {
+            "contentSize": "670px",
+            "wideSize": "968px"
+        }
+    },
+    "styles": {
+        "blocks": {
+            "core/paragraph": {
+                "color": {
+                    "text": "var(--wp--preset--color--primary)"
+                }
+            },
+            "core/navigation": {
+                "typography": {
+                    "fontSize": "var(--wp--preset--font-size--small)"
+                }
+            },
+            "core/site-title": {
+                "typography": {
+                    "fontSize": "40px"
+                }
+            }
+        }
+    }
+}