feat: more home page

packages/website-ue/src/components/Text/index.css

@@ -0,0 +1,3 @@
+.text {
+  font-size: var(--font-size-regular);
+}

packages/website-ue/src/components/Text/index.tsx

@@ -0,0 +1,18 @@
+import type { ComponentProps } from "react";
+import type { Color } from "../../core/ui/color";
+import "./index.css";
+
+export interface TextProps extends ComponentProps<"span"> {
+  color?: Color;
+  lowContrast?: boolean;
+}
+
+export function Text({ color = "gray", lowContrast, ...props }: TextProps) {
+  return (
+    <span
+      className="text"
+      style={{ color: `var(--${color}-${lowContrast ? 11 : 12})` }}
+      {...props}
+    />
+  );
+}