diff --git a/.changeset/wet-dingos-perform.md b/.changeset/wet-dingos-perform.md
new file mode 100644
index 000000000000..b966a2d73eac
--- /dev/null
+++ b/.changeset/wet-dingos-perform.md
@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+Add a global stylesheet during create-svelte depending on the chosen CSS preprocessor
diff --git a/examples/hn.svelte.dev/static/global.css b/examples/hn.svelte.dev/src/app.css
similarity index 100%
rename from examples/hn.svelte.dev/static/global.css
rename to examples/hn.svelte.dev/src/app.css
diff --git a/examples/hn.svelte.dev/src/routes/$layout.svelte b/examples/hn.svelte.dev/src/routes/$layout.svelte
index aabcb5c1832b..a9e084c15f82 100644
--- a/examples/hn.svelte.dev/src/routes/$layout.svelte
+++ b/examples/hn.svelte.dev/src/routes/$layout.svelte
@@ -3,6 +3,8 @@
 	import Nav from '$lib/Nav.svelte';
 	import PreloadingIndicator from '$lib/PreloadingIndicator.svelte';
 	import ThemeToggler from '$lib/ThemeToggler.svelte';
+	import '../app.css';
+
 
 	$: section = $page.path.split('/')[1];
 </script>
diff --git a/examples/sandbox/src/app.css b/examples/sandbox/src/app.css
new file mode 100644
index 000000000000..b9c15fc30ffa
--- /dev/null
+++ b/examples/sandbox/src/app.css
@@ -0,0 +1,3 @@
+:root {
+	font-family: sans-serif;
+}
diff --git a/examples/sandbox/src/routes/$layout.svelte b/examples/sandbox/src/routes/$layout.svelte
new file mode 100644
index 000000000000..2e511e004988
--- /dev/null
+++ b/examples/sandbox/src/routes/$layout.svelte
@@ -0,0 +1,5 @@
+<script>
+	import '../app.css';
+</script>
+
+<slot />
diff --git a/examples/sandbox/src/routes/index.svelte b/examples/sandbox/src/routes/index.svelte
index 2a0fd8ba6ef5..5adc7e2211b8 100644
--- a/examples/sandbox/src/routes/index.svelte
+++ b/examples/sandbox/src/routes/index.svelte
@@ -45,11 +45,6 @@
 </main>
 
 <style>
-	:root {
-		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
-			'Open Sans', 'Helvetica Neue', sans-serif;
-	}
-
 	main {
 		text-align: center;
 		padding: 1em;
diff --git a/packages/create-svelte/cli/modifications/add_css.js b/packages/create-svelte/cli/modifications/add_css.js
index 0213e7070b34..0fabe673f275 100644
--- a/packages/create-svelte/cli/modifications/add_css.js
+++ b/packages/create-svelte/cli/modifications/add_css.js
@@ -1,6 +1,7 @@
 import { bold, green } from 'kleur/colors';
 import {
 	add_svelte_preprocess_to_config,
+	copy_from_template_additions,
 	update_component,
 	update_package_json_dev_deps
 } from './utils';
@@ -13,12 +14,15 @@ import {
  */
 export default async function add_css(cwd, which) {
 	if (which === 'css') {
+		copy_from_template_additions(cwd, ['src', 'app.css']);
 		console.log('You can add support for CSS preprocessors like SCSS/Less/PostCSS later.');
 	} else if (which === 'less') {
 		update_package_json_dev_deps(cwd, {
 			less: '^3.0.0',
 			'svelte-preprocess': '^4.0.0'
 		});
+		copy_from_template_additions(cwd, ['src', 'app.less']);
+		update_component(cwd, 'src/routes/$layout.svelte', [['../app.css', '../app.less']]);
 		update_component(cwd, 'src/lib/Counter.svelte', [['<style>', '<style lang="less">']]);
 		update_component(cwd, 'src/routes/index.svelte', [['<style>', '<style lang="less">']]);
 		add_svelte_preprocess_to_config(cwd);
@@ -35,6 +39,8 @@ export default async function add_css(cwd, which) {
 			sass: '^1.0.0',
 			'svelte-preprocess': '^4.0.0'
 		});
+		copy_from_template_additions(cwd, ['src', 'app.scss']);
+		update_component(cwd, 'src/routes/$layout.svelte', [['../app.css', '../app.scss']]);
 		update_component(cwd, 'src/lib/Counter.svelte', [['<style>', '<style lang="scss">']]);
 		update_component(cwd, 'src/routes/index.svelte', [['<style>', '<style lang="scss">']]);
 		add_svelte_preprocess_to_config(cwd);
diff --git a/packages/create-svelte/template-additions/src/app.css b/packages/create-svelte/template-additions/src/app.css
new file mode 100644
index 000000000000..1d7e28833464
--- /dev/null
+++ b/packages/create-svelte/template-additions/src/app.css
@@ -0,0 +1,4 @@
+:root {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+		'Open Sans', 'Helvetica Neue', sans-serif;
+}
diff --git a/packages/create-svelte/template-additions/src/app.less b/packages/create-svelte/template-additions/src/app.less
new file mode 100644
index 000000000000..1d7e28833464
--- /dev/null
+++ b/packages/create-svelte/template-additions/src/app.less
@@ -0,0 +1,4 @@
+:root {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+		'Open Sans', 'Helvetica Neue', sans-serif;
+}
diff --git a/packages/create-svelte/template-additions/src/app.scss b/packages/create-svelte/template-additions/src/app.scss
new file mode 100644
index 000000000000..1d7e28833464
--- /dev/null
+++ b/packages/create-svelte/template-additions/src/app.scss
@@ -0,0 +1,4 @@
+:root {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+		'Open Sans', 'Helvetica Neue', sans-serif;
+}
diff --git a/packages/create-svelte/template/src/routes/$layout.svelte b/packages/create-svelte/template/src/routes/$layout.svelte
new file mode 100644
index 000000000000..2e511e004988
--- /dev/null
+++ b/packages/create-svelte/template/src/routes/$layout.svelte
@@ -0,0 +1,5 @@
+<script>
+	import '../app.css';
+</script>
+
+<slot />
diff --git a/packages/create-svelte/template/src/routes/index.svelte b/packages/create-svelte/template/src/routes/index.svelte
index f08c6512f71b..7c1e74abbdc3 100644
--- a/packages/create-svelte/template/src/routes/index.svelte
+++ b/packages/create-svelte/template/src/routes/index.svelte
@@ -11,11 +11,6 @@
 </main>
 
 <style>
-	:root {
-		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
-			'Open Sans', 'Helvetica Neue', sans-serif;
-	}
-
 	main {
 		text-align: center;
 		padding: 1em;