system-ui
diff --git a/‎CHANGELOG.md
Lines changed: 1 addition & 0 deletions b/‎CHANGELOG.md
Lines changed: 1 addition & 0 deletions
diff --git a/‎packages/docs/src/components/presets-demo.js
Lines changed: 7 additions & 11 deletions b/‎packages/docs/src/components/presets-demo.js
Lines changed: 7 additions & 11 deletions
diff --git a/‎packages/preset-sketchy/README.md
Lines changed: 38 additions & 0 deletions b/‎packages/preset-sketchy/README.md
Lines changed: 38 additions & 0 deletions
diff --git a/‎packages/preset-sketchy/babel.config.js
Lines changed: 1 addition & 0 deletions b/‎packages/preset-sketchy/babel.config.js
Lines changed: 1 addition & 0 deletions
diff --git a/‎packages/preset-sketchy/package.json
Lines changed: 20 additions & 0 deletions b/‎packages/preset-sketchy/package.json
Lines changed: 20 additions & 0 deletions
@@ -7,6 +7,7 @@
 - Adjust media query sort logic #600
 - Fixed link to Gatsby Plugin page in `getting-started` page. Issue #602
 - Fix broken base-preset link on `theming` page
+- Add `@theme-ui/preset-sketchy`
 
 ## v0.3.0 2020-01-22
 
 
@@ -24,30 +24,27 @@ export default () => {
       <Helmet>
         <link
           rel="stylesheet"
-          href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Poppins:400,700,900|Roboto:400,600"
+          href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Poppins:400,700,900|Roboto:400,600|Architects+Daughter"
         />
       </Helmet>
       <div
         sx={{
           '*': {
             transition: 'all .2s ease-out',
           },
-        }}
-      >
+        }}>
         <label
           sx={{
             display: 'block',
             mb: 4,
-          }}
-        >
+          }}>
           Preset:{' '}
           <Select
             value={theme}
-            onChange={e => {
+            onChange={(e) => {
               setTheme(e.target.value)
-            }}
-          >
-            {Object.keys(presets).map(key => (
+            }}>
+            {Object.keys(presets).map((key) => (
               <option key={key} children={key} />
             ))}
           </Select>
@@ -64,8 +61,7 @@ export default () => {
               fontFamily="heading"
               fontWeight="heading"
               lineHeight="heading"
-              fontSize={7}
-            >
+              fontSize={7}>
               Heading: <FontFamily name="heading" />
             </HeadingStyle>
             <Styled.h2>Type Scale</Styled.h2>
 
@@ -0,0 +1,38 @@
+# [@theme-ui/preset-sketchy](https://theme-ui.com/presets/sketchy)
+
+Theme UI includes `@theme-ui/preset-sketchy` which can be used as an example or
+starting point for extending your own themes.
+
+```sh
+npm i @theme-ui/preset-sketchy
+```
+
+```jsx
+// example theme
+import theme from '@theme-ui/preset-sketchy'
+
+export default {
+  ...theme,
+  styles: {
+    ...theme,
+  },
+}
+```
+
+This preset uses _Architects Daughter_ font, so you need to copy this code into the `<head>` of your HTML document:
+
+<link
+  rel="stylesheet"
+  href="https://fonts.googleapis.com/css?family=Architects+Daughter"
+/>
+
+[See all built-in presets][demo]
+
+## Contributing
+
+We'd love to have more presets added to the Theme UI project.
+If you'd like to add a new preset or improve upon the existing ones, please open an [issue][] or [pull request][].
+
+[issue]: https://github.com/system-ui/theme-ui/issues
+[pull request]: https://github.com/system-ui/theme-ui/pulls
+[demo]: https://theme-ui.com/demo
@@ -0,0 +1 @@
+module.exports = require('../../babel.config')
@@ -0,0 +1,20 @@
+{
+  "name": "@theme-ui/preset-sketchy",
+  "version": "0.4.0-alpha.1",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "source": "src/index.ts",
+  "author": "Aleksandra Sikora",
+  "license": "MIT",
+  "scripts": {
+    "prepare": "microbundle --no-compress",
+    "watch": "microbundle watch --no-compress"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@theme-ui/css": "0.4.0-alpha.1"
+  }
+}
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+module.exports = require('../../babel.config')`