website refactor

apps/website/components/onboarding/OnboardingHelpText.tsx

@@ -1,7 +1,12 @@
+import { Text } from '@/ui/Text';
+import { Box } from '@/ui/Box';
+
 export function OnboardingHelpText() {
   return (
-    <p className="text-center text-xs text-gray-500 mt-6">
-      Your avatar will be AI-generated based on your photo and chosen suit color
-    </p>
+    <Box marginTop={6} textAlign="center">
+      <Text size="xs" variant="low">
+        Your avatar will be AI-generated based on your photo and chosen suit color
+      </Text>
+    </Box>
   );
 }