diff --git a/README.md b/README.md
index 0dae3e8e..06f09c80 100644
--- a/README.md
+++ b/README.md
@@ -46,53 +46,9 @@ npm i -D carbon-components-svelte
## Usage
-The quickest way to get started is to customize a template from the [examples](examples/) folder.
+### Styling
-Example set-ups demonstrate usage with popular application bundlers and frameworks. They include a mix of client-side rendering (CSR) and server-side rendering (SSR) approaches.
-
-- **[examples/rollup](examples/rollup/)**: SPA bundled using [Rollup](https://github.com/rollup/rollup)
-- **[examples/rollup-typescript](examples/rollup-typescript/)**: SPA bundled using [Rollup](https://github.com/rollup/rollup) with TypeScript support
-- **[examples/routify](examples/routify/)**: SPA + static export using [Routify](https://github.com/roxiness/routify)
-- **[examples/sapper](examples/sapper/)**: SSR + static export using [Sapper](https://github.com/sveltejs/sapper)
-- **[examples/svite](examples/svite/)**: SPA developed with Svite, bundled with [Rollup](https://github.com/rollup/rollup)
-- **[examples/webpack](examples/webpack/)**: SPA bundled with [webpack](https://github.com/webpack/webpack)
-
-### Scaffolding
-
-Each example is published in a dedicated branch of the same name.
-
-Use [degit](https://github.com/Rich-Harris/degit) to scaffold a new project:
-
-For example, to use the `svite` template, run the following commands:
-
-```sh
-npx degit ibm/carbon-components-svelte#svite svelte-app
-cd svelte-app
-yarn install
-```
-
-### Importing components
-
-Import components from `carbon-components-svelte` in the `script` tag of your Svelte file.
-
-```html
-
-
-
-
- Content 1
- Content 2
- Content 3
-
-```
-
-**Refer to [COMPONENT_INDEX.md](COMPONENT_INDEX.md) for component API documentation.**
-
-### Pre-compiled CSS StyleSheets
-
-`carbon-components-svelte` includes pre-compiled CSS StyleSheets for each Carbon theme:
+Before importing components, you will need to first apply Carbon component styles. The Carbon Design System supports five themes (2 light, 3 dark).
- **white.css**: Default Carbon theme (light)
- **g10.css**: Gray 10 theme (light)
@@ -112,45 +68,73 @@ The compiled CSS is generated from the following `.scss` files:
- [css/g100.scss](css/g100.scss)
- [css/all.scss](css/all.scss)
-#### Usage
-
-##### `svelte-preprocess`
-
-The easiest way to import a StyleSheet is with [svelte-preprocess](https://github.com/sveltejs/svelte-preprocess).
+#### CSS StyleSheet
```js
-const svelteOptions = {
- preprocess: require("svelte-preprocess")(),
-};
+// White theme
+import "carbon-components-svelte/css/white.css";
+
+// Gray 10 theme
+import "carbon-components-svelte/css/g10.css";
+
+// Gray 80 theme
+import "carbon-components-svelte/css/g80.css";
+
+// Gray 90 theme
+import "carbon-components-svelte/css/g90.css";
+
+// Gray 100 theme
+import "carbon-components-svelte/css/g100.css";
+
+// All themes
+import "carbon-components-svelte/css/all.css";
```
+#### CDN
+
+An alternative to loading styles is to link an external StyleSheet from a Content Delivery Network (CDN) like [unpkg.com](https://unpkg.com/).
+
+This is best suited for rapid prototyping.
+
+##### HTML
+
```html
-
-
+
+
+
+
+
+
```
-##### JavaScript import
+##### `svelte:head`
-Importing a CSS file in a JavaScript file will require the appropriate file loader(s).
+```html
+
+
+
+```
+
+### SCSS
+
+The most performant method to load styles is to import SCSS directly from carbon-components. Although it requires more set up, you can reduce the size of the bundle CSS by importing individual component styles instead of a pre-compiled CSS StyleSheet.
+
+Refer to the [official Carbon guide on SASS](https://github.com/carbon-design-system/carbon/blob/main/docs/guides/sass.md) for documentation.
+
+### Dynamic theming
+
+Use the "all.css" StyleSheet for dynamic, client-side theming.
```js
import "carbon-components-svelte/css/all.css";
-import App from "./App.svelte";
-
-const app = new App({ target: document.body });
-
-export default app;
```
-See [webpack.config.js](examples/webpack/webpack.config.js) in [examples/webpack](examples/webpack).
-
-#### Dynamic theming
-
-Use `carbon-components-svelte/css/all.css` for dynamic, client-side styling.
-
Update the theme by setting the `theme` attribute on the `html` element. The default `theme` is `"white"`.
```html
@@ -162,89 +146,91 @@ Update the theme by setting the `theme` attribute on the `html` element. The def