From ca3fe2f4fd7f03c1eaaa4c78a6b431b558320f35 Mon Sep 17 00:00:00 2001
From: Lars van Vianen <lars@vianen.com>
Date: Sun, 8 Sep 2024 13:53:16 +0200
Subject: [PATCH] Update README.md

---
 README.md | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index aa8081b..cd5579f 100644
--- a/README.md
+++ b/README.md
@@ -1,20 +1,24 @@
-<div align="right">
-
-[![GitHub License](https://img.shields.io/github/license/stylescape/hue.gl?style=flat-square&logo=readthedocs&logoColor=FFFFFF&label=&labelColor=%23041B26&color=%23041B26&link=LICENSE)](https://github.com/stylescape/hue.gl/blob/main/LICENSE)
-[![devContainer](https://img.shields.io/badge/devContainer-23041B26?style=flat-square&logo=Docker&logoColor=%23FFFFFF&labelColor=%23041B26&color=%23041B26)](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/stylescape/hue.gl)
-[![StackBlitz](https://img.shields.io/badge/StackBlitz-23041B26?style=flat-square&logo=StackBlitz&logoColor=%23FFFFFF&labelColor=%23041B26&color=%23041B26)](https://stackblitz.com/github/stylescape/hue.gl/tree/main?file=src%2Findex.html)
-
-</div>
-
 <p align="center">
     <img src="https://raw.githubusercontent.com/stylescape/brand/master/src/logo/logo-transparant.png" width="20%" height="20%" alt="Stylescape Logo">
 </p>
 <h1 align="center" style='border-bottom: none;'>hue.gl</h1>
 <h3 align="center">Perceptual Colour System</h3>
 
----
 
-<div align="right">
+<br/>
+
+<div align="center">
+
+[![Website](https://img.shields.io/website?url=https%3A%2F%2Fwww.hue.gl&up_message=Up&up_color=354351&down_message=Down&down_color=354351&style=flat-square&logo=Firefox&logoColor=FFFFFF&label=Website&labelColor=354351&color=354351)
+](https://www.hue.gl)
+[![NPM Version](https://img.shields.io/npm/v/hue.gl?style=flat-square&logo=npm&logoColor=FFFFFF&label=NPM&labelColor=354351&color=354351&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fhue.gl)](https://www.npmjs.com/package/hue.gl)
+[![devContainer](https://img.shields.io/badge/devContainer-23354351?style=flat-square&logo=Docker&logoColor=%23FFFFFF&labelColor=%23354351&color=%23354351)](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/stylescape/hue.gl)
+[![StackBlitz](https://img.shields.io/badge/StackBlitz-23354351?style=flat-square&logo=StackBlitz&logoColor=%23FFFFFF&labelColor=%23354351&color=%23354351)](https://stackblitz.com/github/stylescape/hue.gl/tree/main?file=src%2Findex.html)
+[![GitHub License](https://img.shields.io/github/license/stylescape/hue.gl?style=flat-square&logo=readthedocs&logoColor=FFFFFF&label=&labelColor=%23354351&color=%23354351&link=LICENSE)](https://github.com/stylescape/hue.gl/blob/main/LICENSE)
+
+</div>
+
+<div align="center">
 
 [![Report a Bug](https://img.shields.io/badge/Report%20a%20Bug-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23D2D9DF)](https://github.com/stylescape/hue.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=bug_report.yml)
 [![Request a Feature](https://img.shields.io/badge/Request%20a%20Feature-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23D2D9DF)](https://github.com/stylescape/hue.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=feature_request.yml)
@@ -24,6 +28,11 @@
 
 </div>
 
+---
+
+<br/>
+
+
 <br clear="both"/>
 
 **`hue.gl` is a Perceptual Colour System designed for the modern age. At its core, `hue.gl` transcends traditional color systems by focusing on how we perceive colors, ensuring that every hue, shade, and tone is as visually intuitive as it is scientifically precise.**