diff --git a/ui/components/src/ui/components/tailwind/Layout.scala b/ui/components/src/ui/components/tailwind/Layout.scala
index 7d8a4ff..b662394 100644
--- a/ui/components/src/ui/components/tailwind/Layout.scala
+++ b/ui/components/src/ui/components/tailwind/Layout.scala
@@ -5,4 +5,4 @@
 
 object Layout:
   def card(content: Modifier[HtmlElement]*)(using cctx: ComponentContext): Div =
-    div(cctx.style.card, content)
+    div(cls(cctx.style.card), content)

diff --git a/ui/components/src/ui/components/tailwind/Layout.scala b/ui/components/src/ui/components/tailwind/Layout.scala
index 7d8a4ff..b662394 100644
--- a/ui/components/src/ui/components/tailwind/Layout.scala
+++ b/ui/components/src/ui/components/tailwind/Layout.scala
@@ -5,4 +5,4 @@
 
 object Layout:
   def card(content: Modifier[HtmlElement]*)(using cctx: ComponentContext): Div =
-    div(cctx.style.card, content)
+    div(cls(cctx.style.card), content)
diff --git a/ui/components/src/ui/components/tailwind/StyleGuide.scala b/ui/components/src/ui/components/tailwind/StyleGuide.scala
index 950176e..18bba67 100644
--- a/ui/components/src/ui/components/tailwind/StyleGuide.scala
+++ b/ui/components/src/ui/components/tailwind/StyleGuide.scala
@@ -3,11 +3,40 @@
 
 import com.raquo.laminar.api.L.{*, given}
 
+trait ButtonStyles:
+  def basic: String
+  def primary: String
+  def secondary: String
+  def positive: String
+  def negative: String
+
 trait StyleGuide:
-  def card: Setter[HtmlElement]
+  def button: ButtonStyles
+  def label: String
+  def cardContent: String
+  def card: String
 
 object StyleGuide:
   object default extends StyleGuide:
-    override def card: Setter[HtmlElement] = cls(
+    override val label: String =
+      "text-sm font-medium text-gray-500"
+    override val cardContent: String = "px-4 py-5 sm:p-6"
+    override val card: String =
       "bg-white shadow sm:rounded-md overflow-hidden"
-    )
+    override object button extends ButtonStyles:
+      private def common(extra: String) =
+        s"inline-flex items-center px-4 py-2 $extra border rounded-md shadow-sm text-sm font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+      override val basic: String =
+        common("border-gray-300 text-gray-700 bg-white hover:bg-gray-50")
+      override val primary: String =
+        common(
+          "border-transparent text-white bg-indigo-600 hover:bg-indigo-700"
+        )
+      override val secondary: String =
+        common(
+          "border-gray-300 text-indigo-700 bg-indigo-100 hover:bg-indigo-200"
+        )
+      override val positive: String =
+        common("border-gray-300 text-white bg-green-600 hover:bg-green-700")
+      override val negative: String =
+        common("border-gray-300 text-white bg-red-600 hover:bg-red-700")