diff --git a/README.md b/README.md
index 3178f74..b56d079 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # Filament Color Picker
 
-![Filament Color Picker](./banner.png)
+![Filament Color Picker](./art/banner.png)
 
 [![Latest Version on Packagist](https://img.shields.io/packagist/v/rvxlab/filament-colorpicker.svg?style=flat-square)](https://packagist.org/packages/rvxlab/filament-colorpicker)
 [![GitHub Tests Action Status](https://img.shields.io/github/workflow/status/rvxlab/filament-colorpicker/run-tests?label=tests&style=flat-square)](https://github.com/rvxlab/filament-colorpicker/actions?query=workflow%3Arun-tests+branch%3Amain)
@@ -27,6 +27,8 @@ php artisan vendor:publish --tag=filament-colorpicker-views
 
 ## Usage
 
+![The color pickers in action](./art/color-pickers.png)
+
 Reference `RVxLab\FilamentColorPicker\Forms\ColorPicker` in the `forms` method of a resource and you're good to go! 
 
 ```php
@@ -229,6 +231,8 @@ This goes away when the picker is updated or the form is saved.
 
 ## Color swatch
 
+![The color pickers in action](./art/swatches.png)
+
 To display a swatch on the table you can add the following column:
 
 ```php
diff --git a/banner.png b/art/banner.png
similarity index 100%
rename from banner.png
rename to art/banner.png
diff --git a/art/color-pickers.png b/art/color-pickers.png
new file mode 100644
index 0000000..99fc044
Binary files /dev/null and b/art/color-pickers.png differ
diff --git a/art/swatches.png b/art/swatches.png
new file mode 100644
index 0000000..5f0d8c7
Binary files /dev/null and b/art/swatches.png differ