Initial design based off original website, some things still to do

src/components/Token.astro

@@ -0,0 +1,30 @@
+---
+interface Props {
+  colour?: String;
+  textColour?: String;
+  size?: String;
+  hover?: String;
+  className?: String;
+}
+
+const {
+  colour = "bg-primary",
+  textColour = "text-white",
+  size = "text-xs",
+  hover = "hover:bg-white hover:text-primary hover:ring-primary hover:ring-2",
+  className,
+  ...attrs
+} = Astro.props as Props;
+---
+
+<span
+  class:list={[
+    "inline-block rounded px-2 py-1 font-bold uppercase",
+    colour,
+    textColour,
+    className,
+    size,
+    hover
+  ]}
+  {...attrs}><slot /></span
+>