Skip to content

Commit

Permalink
Merge pull request WordPress#110 from WordPress/try/typography-presets
Browse files Browse the repository at this point in the history
Add typography presets.

Co-authored-by: carolinan <poena@git.wordpress.org>
Co-authored-by: juanfra <juanfra@git.wordpress.org>
Co-authored-by: beafialho <beafialho@git.wordpress.org>
Co-authored-by: kafleg <kafleg@git.wordpress.org>
  • Loading branch information
5 people authored Aug 29, 2024
2 parents 9acd9c7 + 16e6cc3 commit 6b9bec1
Show file tree
Hide file tree
Showing 7 changed files with 353 additions and 0 deletions.
45 changes: 45 additions & 0 deletions styles/typography/typography-preset-1.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
{
"version": 3,
"$schema": "https://schemas.wp.org/trunk/theme.json",
"title": "Beiruti & Literata",
"slug": "typography-preset-1",
"styles": {
"typography": {
"fontFamily": "var:preset|font-family|literata",
"fontSize": "var:preset|font-size|medium",
"fontStyle": "normal",
"fontWeight": "300",
"letterSpacing": "-0.22px",
"lineHeight": "1.5"
},
"blocks": {
"core/site-title": {
"typography": {
"fontFamily": "var:preset|font-family|beiruti",
"fontWeight": "600",
"textTransform": "uppercase",
"letterSpacing": "2.4px"
}
},
"core/post-title": {
"typography": {
"fontSize": "var:preset|font-size|xx-large",
"fontWeight": "500",
"letterSpacing": "-1.16px"
}
},
"core/post-terms": {
"typography": {
"fontWeight": "400"
}
}
},
"elements": {
"heading": {
"typography": {
"fontFamily": "var:preset|font-family|beiruti"
}
}
}
}
}
45 changes: 45 additions & 0 deletions styles/typography/typography-preset-2.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
{
"version": 3,
"$schema": "https://schemas.wp.org/trunk/theme.json",
"title": "Vollkorn & Fira Code",
"slug": "typography-preset-2",
"styles": {
"typography": {
"fontFamily": "var:preset|font-family|fira-code",
"fontSize": "var:preset|font-size|small",
"fontStyle": "normal",
"fontWeight": "300",
"letterSpacing": "-0.18px",
"lineHeight": "1.5"
},
"blocks": {
"core/site-title": {
"typography": {
"fontFamily": "var:preset|font-family|vollkorn",
"fontSize": "var:preset|font-size|large"
}
},
"core/post-title": {
"typography": {
"fontWeight": "400",
"letterSpacing": "-0.96px"
}
}
},
"elements": {
"heading": {
"typography": {
"fontFamily": "var:preset|font-family|vollkorn"
}
},
"button": {
"typography": {
"fontFamily": "var:preset|font-family|fira-code",
"fontSize": "var:preset|font-size|small",
"fontWeight": "400",
"letterSpacing": "-0.36px"
}
}
}
}
}
48 changes: 48 additions & 0 deletions styles/typography/typography-preset-3.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
{
"version": 3,
"$schema": "https://schemas.wp.org/trunk/theme.json",
"title": "Platypi & Ysabeau Office",
"slug": "typography-preset-3",
"styles": {
"typography": {
"fontFamily": "var:preset|font-family|ysabeau-office",
"fontSize": "var:preset|font-size|medium",
"fontStyle": "normal",
"fontWeight": "400",
"letterSpacing": "-0.22px",
"lineHeight": "1.6"
},
"blocks":{
"core/site-title": {
"typography": {
"fontFamily": "var:preset|font-family|ysabeau-office",
"fontSize": "var:preset|font-size|small",
"letterSpacing": "1.44px",
"textTransform": "uppercase"
}
},
"core/post-title": {
"typography": {
"letterSpacing": "-0.8px",
"fontWeight": "500"
}
}
},
"elements": {
"heading": {
"typography": {
"fontFamily": "var:preset|font-family|platypi"
}
},
"button": {
"typography": {
"fontFamily": "var:preset|font-family|ysabeau-office",
"fontSize": "var:preset|font-size|small",
"fontWeight": "600",
"letterSpacing": "1.44px",
"textTransform": "uppercase"
}
}
}
}
}
61 changes: 61 additions & 0 deletions styles/typography/typography-preset-4.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
{
"version": 3,
"$schema": "https://schemas.wp.org/trunk/theme.json",
"title": "Roboto Slab & Manrope",
"slug": "typography-preset-4",
"styles": {
"typography": {
"fontFamily": "var:preset|font-family|manrope",
"fontSize": "var:preset|font-size|medium",
"fontStyle": "normal",
"fontWeight": "500",
"letterSpacing": "-0.22px",
"lineHeight": "1.4"
},
"blocks": {
"core/site-title": {
"typography": {
"letterSpacing": "-0.28px",
"lineHeight": "1.3",
"textTransform": "uppercase"
}
},
"core/post-title": {
"typography": {
"fontWeight": "300",
"letterSpacing": "-2.32px"
}
},
"core/post-terms": {
"typography": {
"textTransform": "uppercase"
}
},
"core/navigation": {
"typography": {
"textTransform": "uppercase"
}
},
"core/query-title": {
"typography": {
"fontWeight": "300"
}
}
},
"elements": {
"heading": {
"typography": {
"fontFamily": "var:preset|font-family|roboto-slab",
"fontWeight": "300"
}
},
"button": {
"typography": {
"fontWeight": "500",
"letterSpacing": "-0.36px",
"textTransform": "uppercase"
}
}
}
}
}
49 changes: 49 additions & 0 deletions styles/typography/typography-preset-5.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
{
"version": 3,
"$schema": "https://schemas.wp.org/trunk/theme.json",
"title": "Literata & Ysabeau Office",
"slug": "typography-preset-5",
"styles": {
"typography": {
"fontFamily": "var:preset|font-family|ysabeau-office",
"fontSize": "var:preset|font-size|medium",
"fontStyle": "normal",
"fontWeight": "400",
"letterSpacing": "-0.24px",
"lineHeight": "1.4"
},
"blocks": {
"core/site-title": {
"typography": {
"textTransform": "uppercase",
"letterSpacing": "1.6px"
}
},
"core/post-title": {
"typography": {
"fontWeight": "900",
"letterSpacing": "-0.96px"
}
},
"core/query-title": {
"typography": {
"fontWeight": "900"
}
}
},
"elements": {
"heading": {
"typography": {
"fontFamily": "var:preset|font-family|literata",
"fontWeight": "900"
}
},
"button": {
"typography": {
"fontFamily": "var:preset|font-family|literata",
"fontWeight": "900"
}
}
}
}
}
50 changes: 50 additions & 0 deletions styles/typography/typography-preset-6.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
{
"version": 3,
"$schema": "https://schemas.wp.org/trunk/theme.json",
"title": "Platypi & Literata",
"slug": "typography-preset-6",
"styles": {
"typography": {
"fontFamily": "var:preset|font-family|literata",
"fontSize": "var:preset|font-size|medium",
"fontStyle": "normal",
"fontWeight": "300",
"letterSpacing": "-0.24px",
"lineHeight": "1.3"
},
"blocks": {
"core/site-title": {
"typography": {
"fontFamily": "var:preset|font-family|platypi",
"fontWeight": "800",
"letterSpacing": "-0.6px"
}
},
"core/post-title": {
"typography": {
"fontWeight": "800",
"letterSpacing": "-0.96px"
}
},
"core/query-title": {
"typography": {
"fontWeight": "800"
}
}
},
"elements": {
"heading": {
"typography": {
"fontFamily": "var:preset|font-family|platypi",
"fontWeight": "800"
}
},
"button": {
"typography": {
"fontFamily": "var:preset|font-family|platypi",
"fontWeight": "800"
}
}
}
}
}
55 changes: 55 additions & 0 deletions styles/typography/typography-preset-7.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
{
"version": 3,
"$schema": "https://schemas.wp.org/trunk/theme.json",
"title": "Literata & Fira Sans",
"slug": "typography-preset-7",
"styles": {
"typography": {
"fontFamily": "var:preset|font-family|fira-sans",
"fontSize": "var:preset|font-size|medium",
"fontStyle": "normal",
"fontWeight": "300",
"letterSpacing": "-0.24px",
"lineHeight": "1.4"
},
"blocks": {
"core/site-title": {
"typography": {
"fontFamily": "var:preset|font-family|literata",
"fontSize": "var:preset|font-size|large",
"fontWeight": "300",
"letterSpacing": "-0.56px",
"textTransform": "uppercase"
}
},
"core/post-title": {
"typography": {
"fontWeight": "200",
"letterSpacing": "-2.72px"
}
},
"core/post-terms": {
"typography": {
"textTransform": "uppercase"
}
}
},
"elements": {
"heading": {
"typography": {
"fontFamily": "var:preset|font-family|literata",
"fontWeight": "200"
}
},
"button": {
"typography": {
"fontFamily": "var:preset|font-family|literata",
"fontSize": "var:preset|font-size|medium",
"fontWeight": "600",
"letterSpacing": "-0.96px",
"textTransform": "uppercase"
}
}
}
}
}

0 comments on commit 6b9bec1

Please sign in to comment.