diff --git a/README.md b/README.md
index 439f5ef..0f52b53 100644
--- a/README.md
+++ b/README.md
@@ -1,14 +1,52 @@
-# Storybook Component Story Format (CSF)
+
-A minimal set of utility functions for dealing with Storybook [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format/).
+# Component Story Format (CSF)
-## Install
+### Why a standard format?
+Components have risen to dominate the UI landscape. There are new component-oriented tools for development, testing, design, and prototyping. These tools engage in the creation and consumption of components and component examples (a.k.a. stories). But each tool has its own proprietary format because a simple, platform-agnostic way to express component examples doesn't yet exist.
+
+### The "Story" is the source of truth for a component.
+A story is a code snippet that renders an example of a component in a specific state. Think about it like a "[user story](https://en.wikipedia.org/wiki/User_story)".
+
+It uses the production code shipped to users, making it the most accurate representation of a component example. What's more, stories are expressed in the view layer you use to build your app.
+
+
+### Component Story Format
+The Component Story Format is an open standard for component examples based on JavaScript ES6 modules. This enables interoperation between development, testing, and design tools.
+
+```js
+export default { title: 'atoms/Button' };
+export const text = () => ;
+export const emoji = () => ;
+```
+
+💎 **Simple.** Writing component "stories" is as easy as exporting ES6 functions using a clean, widely-used format.
+
+🚚 **Non-proprietary.** CSF doesn't require any vendor-specific libraries. Component stories are easily consumed anywhere ES6 modules live, including your favourite testing tools like Jest and Cypress.
+
+☝️ **Declarative.** The declarative syntax is isomorphic to higher-level formats like MDX, enabling clean, verifiable transformations.
+
+🔥 **Optimized.** Component stories don't need any libraries other than your components. And because they're ES6 modules, they're even tree-shakeable!
+
+### Who uses CSF?
+
+**Tools:** [Storybook](https://storybook.js.org), [UXPin](https://www.uxpin.com) & [WebComponents.dev](https://webcomponents.dev)
+
+**Compatible with:** [Jest](https://jestjs.io/), [Enzyme](https://enzymejs.github.io/enzyme), [Testing Library](https://testing-library.com), [Cypress](https://www.cypress.io/), [Mocha](https://mochajs.org), etc.
+
+
+## CSF utilities
+
+A minimal set of utility functions for dealing with [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format/).
+
+
+### Install
```sh
-yarn add @storybook/csf
+yarn add @componentdriven/csf
```
-## API
+### API
See package source for function definitions and types:
diff --git a/csf-header.png b/csf-header.png
new file mode 100644
index 0000000..3cb307e
Binary files /dev/null and b/csf-header.png differ
diff --git a/package.json b/package.json
index 7986e3b..635af29 100644
--- a/package.json
+++ b/package.json
@@ -1,20 +1,20 @@
{
- "name": "@storybook/csf",
+ "name": "@componentdriven/csf",
"version": "0.0.2-alpha.0",
- "description": "Storybook Component Story Format (CSF) utilities",
+ "description": "Component Story Format (CSF) utilities",
"keywords": [
"storybook",
"component story format",
"csf",
"stories"
],
- "homepage": "https://github.com/storybookjs/csf",
+ "homepage": "https://github.com/ComponentDriven/csf",
"bugs": {
- "url": "https://github.com/storybookjs/csf/issues"
+ "url": "https://github.com/ComponentDriven/csf/issues"
},
"repository": {
"type": "git",
- "url": "https://github.com/storybookjs/csf.git"
+ "url": "https://github.com/ComponentDriven/csf.git"
},
"license": "MIT",
"files": [
@@ -62,4 +62,4 @@
"publishConfig": {
"access": "public"
}
-}
+}
\ No newline at end of file