diff --git a/apps/amethyst/app/(tabs)/(stamp)/stamp/success.tsx b/apps/amethyst/app/(tabs)/(stamp)/stamp/success.tsx
index 8642b49..8db0236 100644
--- a/apps/amethyst/app/(tabs)/(stamp)/stamp/success.tsx
+++ b/apps/amethyst/app/(tabs)/(stamp)/stamp/success.tsx
@@ -37,7 +37,7 @@ export default function StepThree() {
         <View className="h-12 w-12 items-center justify-center rounded-full bg-accent">
           <Check size={24} className="text-primary" />
         </View>
-        <Text className="font-serif text-3xl font-black">Play submitted</Text>
+        <Text className="font-sans text-3xl font-black">Play submitted</Text>
         <Text>
           You can view your play{" "}
           <ExternalLink
diff --git a/apps/amethyst/app/(tabs)/:o/music/[artist]/[release]/[track].tsx b/apps/amethyst/app/(tabs)/:o/music/[artist]/[release]/[track].tsx
index c6a26d6..3dcffee 100644
--- a/apps/amethyst/app/(tabs)/:o/music/[artist]/[release]/[track].tsx
+++ b/apps/amethyst/app/(tabs)/:o/music/[artist]/[release]/[track].tsx
@@ -94,7 +94,7 @@ export default function MusicDetail() {
               )}
               <View className="min-w-0 flex-1 justify-end pb-2">
                 <Text
-                  className="font-serif text-2xl font-black"
+                  className="font-sans text-2xl font-black"
                   numberOfLines={3}
                 >
                   {play.trackName}
diff --git a/apps/amethyst/app/(tabs)/:o/music/[artist]/[release]/index.tsx b/apps/amethyst/app/(tabs)/:o/music/[artist]/[release]/index.tsx
index 3ee8eb0..0fbef07 100644
--- a/apps/amethyst/app/(tabs)/:o/music/[artist]/[release]/index.tsx
+++ b/apps/amethyst/app/(tabs)/:o/music/[artist]/[release]/index.tsx
@@ -152,7 +152,7 @@ export default function AlbumDetail() {
                   Album
                 </Text>
                 <Text
-                  className="font-serif text-2xl font-black md:text-3xl"
+                  className="font-sans text-2xl font-black md:text-3xl"
                   numberOfLines={3}
                 >
                   {album.name}
diff --git a/apps/amethyst/app/(tabs)/:o/music/[artist]/index.tsx b/apps/amethyst/app/(tabs)/:o/music/[artist]/index.tsx
index 2a4d162..b1f6029 100644
--- a/apps/amethyst/app/(tabs)/:o/music/[artist]/index.tsx
+++ b/apps/amethyst/app/(tabs)/:o/music/[artist]/index.tsx
@@ -93,7 +93,7 @@ export default function ArtistDetail() {
                   Artist
                 </Text>
                 <Text
-                  className="font-serif text-2xl font-black"
+                  className="font-sans text-2xl font-black"
                   numberOfLines={3}
                 >
                   {artist.name}
diff --git a/apps/amethyst/app/(tabs)/notifications.tsx b/apps/amethyst/app/(tabs)/notifications.tsx
index c4f7050..94cbc02 100644
--- a/apps/amethyst/app/(tabs)/notifications.tsx
+++ b/apps/amethyst/app/(tabs)/notifications.tsx
@@ -18,7 +18,7 @@ export default function Notifications() {
         <View className="h-12 w-12 items-center justify-center rounded-full bg-accent">
           <Icon icon={Bell} size={22} className="text-primary" />
         </View>
-        <Text className="max-w-md text-center font-serif text-3xl font-black">
+        <Text className="max-w-md text-center font-sans text-3xl font-black">
           {status === "loggedIn"
             ? "Notifications are coming later."
             : "You must be signed in to view your notifications."}
diff --git a/apps/amethyst/app/(tabs)/profile/[handle].tsx b/apps/amethyst/app/(tabs)/profile/[handle].tsx
index 8ea314e..296558a 100644
--- a/apps/amethyst/app/(tabs)/profile/[handle].tsx
+++ b/apps/amethyst/app/(tabs)/profile/[handle].tsx
@@ -131,7 +131,7 @@ export default function ProfileScreen() {
                   </Text>
                 </View>
               )}
-              <Text className="mt-3 font-serif text-3xl font-black">
+              <Text className="mt-3 font-sans text-3xl font-black">
                 {profile?.displayName || actor}
               </Text>
               {profile?.handle && (
diff --git a/apps/amethyst/app/(tabs)/search/index.tsx b/apps/amethyst/app/(tabs)/search/index.tsx
index 60fef7d..31dce45 100644
--- a/apps/amethyst/app/(tabs)/search/index.tsx
+++ b/apps/amethyst/app/(tabs)/search/index.tsx
@@ -355,7 +355,7 @@ export default function Explore() {
         {!hasQuery && (
           <View className="min-h-[20rem] items-center justify-center gap-3 px-8">
             <Icon icon={Search} size={38} className="text-muted-foreground" />
-            <Text className="text-center font-serif text-2xl font-black">
+            <Text className="text-center font-sans text-2xl font-black">
               Find something playing
             </Text>
             <Text className="text-center text-muted-foreground">
diff --git a/apps/amethyst/app/_layout.tsx b/apps/amethyst/app/_layout.tsx
index 230a2b5..90ca53e 100644
--- a/apps/amethyst/app/_layout.tsx
+++ b/apps/amethyst/app/_layout.tsx
@@ -62,10 +62,7 @@ SplashScreen.preventAutoHideAsync();
 
 export default function RootLayout() {
   const [loaded, error] = useFonts({
-    CrimsonPro: require("../assets/fonts/CrimsonPro-VariableFont_wght.ttf"),
-    "CrimsonPro Italic": require("../assets/fonts/CrimsonPro-Italic-VariableFont_wght.ttf"),
     "DM Sans": require("../assets/fonts/DMSans-VariableFont_opsz,wght.ttf"),
-    Fraunces: require("../assets/fonts/Fraunces-VariableFont_SOFT,WONK,opsz,wght.ttf"),
     PlexMono: require("../assets/fonts/IBMPlexMono-Regular.ttf"),
     ...FontAwesome.font,
   });
diff --git a/apps/amethyst/app/auth/login.tsx b/apps/amethyst/app/auth/login.tsx
index 57d593c..24bba28 100644
--- a/apps/amethyst/app/auth/login.tsx
+++ b/apps/amethyst/app/auth/login.tsx
@@ -242,7 +242,7 @@ const LoginScreen = () => {
             />
           </View>
         </View>
-        <Text className="text-center font-serif text-3xl font-black text-foreground">
+        <Text className="text-center font-sans text-3xl font-black text-foreground">
           Sign in to Teal
         </Text>
         <Text className="text-center text-sm leading-5 text-muted-foreground">
diff --git a/apps/amethyst/app/auth/logoutModal.tsx b/apps/amethyst/app/auth/logoutModal.tsx
index d6b8bf4..723f654 100644
--- a/apps/amethyst/app/auth/logoutModal.tsx
+++ b/apps/amethyst/app/auth/logoutModal.tsx
@@ -25,7 +25,7 @@ export default function ModalScreen() {
           className="absolute right-2 top-2 text-muted-foreground hover:text-foreground"
           name="x"
         />
-        <Text className="font-serif text-3xl font-black">
+        <Text className="font-sans text-3xl font-black">
           Sign out of Teal?
         </Text>
         <Text className="text-center text-sm leading-5 text-muted-foreground">
diff --git a/apps/amethyst/app/auth/options.tsx b/apps/amethyst/app/auth/options.tsx
index 3261a22..5b03889 100644
--- a/apps/amethyst/app/auth/options.tsx
+++ b/apps/amethyst/app/auth/options.tsx
@@ -16,7 +16,7 @@ export default function AuthOptions() {
         }}
       />
       <View className="w-full max-w-md gap-5 rounded-lg border border-border bg-card p-7">
-        <Text className="font-serif text-4xl font-black text-foreground">
+        <Text className="font-sans text-4xl font-black text-foreground">
           Welcome to Teal
         </Text>
         <Text className="leading-6 text-muted-foreground">
diff --git a/apps/amethyst/app/auth/signup.tsx b/apps/amethyst/app/auth/signup.tsx
index 33a9a4f..71839ac 100644
--- a/apps/amethyst/app/auth/signup.tsx
+++ b/apps/amethyst/app/auth/signup.tsx
@@ -25,7 +25,7 @@ const LoginScreen = () => {
             size={24}
           />
         </View>
-        <Text className="text-center font-serif text-3xl font-black text-foreground">
+        <Text className="text-center font-sans text-3xl font-black text-foreground">
           Sign up via the Atmosphere
         </Text>
         <Text className="text-center text-lg font-bold text-foreground">
diff --git a/apps/amethyst/app/onboarding/descriptionPage.tsx b/apps/amethyst/app/onboarding/descriptionPage.tsx
index 2676877..862d8a4 100644
--- a/apps/amethyst/app/onboarding/descriptionPage.tsx
+++ b/apps/amethyst/app/onboarding/descriptionPage.tsx
@@ -29,7 +29,7 @@ const DescriptionPage: React.FC<DescriptionPageProps> = ({
         <View className="h-12 w-12 items-center justify-center rounded-lg bg-accent">
           <Icon icon={MessageSquareText} size={24} className="text-primary" />
         </View>
-        <Text className="font-serif text-3xl font-black">
+        <Text className="font-sans text-3xl font-black">
           Add a liner note.
         </Text>
         <Text className="text-base text-muted-foreground">
diff --git a/apps/amethyst/app/onboarding/displayNamePage.tsx b/apps/amethyst/app/onboarding/displayNamePage.tsx
index f03d19d..66b4d37 100644
--- a/apps/amethyst/app/onboarding/displayNamePage.tsx
+++ b/apps/amethyst/app/onboarding/displayNamePage.tsx
@@ -31,7 +31,7 @@ const DisplayNamePage: React.FC<DisplayNamePageProps> = ({
         <View className="h-12 w-12 items-center justify-center rounded-lg bg-accent">
           <Icon icon={BadgeCheck} size={24} className="text-primary" />
         </View>
-        <Text className="font-serif text-3xl font-black">
+        <Text className="font-sans text-3xl font-black">
           What should listeners call you?
         </Text>
         <Text className="text-base text-muted-foreground">
diff --git a/apps/amethyst/app/onboarding/imageSelectionPage.tsx b/apps/amethyst/app/onboarding/imageSelectionPage.tsx
index bc5ddcd..ce0b7d1 100644
--- a/apps/amethyst/app/onboarding/imageSelectionPage.tsx
+++ b/apps/amethyst/app/onboarding/imageSelectionPage.tsx
@@ -53,7 +53,7 @@ const ImageSelectionPage: React.FC<ImageSelectionPageProps> = ({
         <View className="h-12 w-12 items-center justify-center rounded-lg bg-accent">
           <Icon icon={ImagePlus} size={24} className="text-primary" />
         </View>
-        <Text className="font-serif text-3xl font-black">Set the artwork.</Text>
+        <Text className="font-sans text-3xl font-black">Set the artwork.</Text>
         <Text className="text-base text-muted-foreground">
           Add an avatar and banner, or keep the images from your Bluesky
           profile. Both are optional.
diff --git a/apps/amethyst/app/onboarding/index.tsx b/apps/amethyst/app/onboarding/index.tsx
index a858374..3fc56d8 100644
--- a/apps/amethyst/app/onboarding/index.tsx
+++ b/apps/amethyst/app/onboarding/index.tsx
@@ -231,7 +231,7 @@ export default function OnboardingPage() {
       <SafeAreaView className="min-h-screen flex-1 items-center justify-center bg-background px-6">
         <View className="w-full max-w-md gap-4 rounded-lg border border-border bg-card p-6">
           <Icon icon={Disc3} size={42} className="text-primary" />
-          <Text className="font-serif text-3xl font-black">
+          <Text className="font-sans text-3xl font-black">
             Create your Teal profile
           </Text>
           <Text className="text-muted-foreground">
@@ -272,7 +272,7 @@ export default function OnboardingPage() {
       <SafeAreaView className="min-h-screen flex-1 items-center justify-center bg-background px-6">
         <View className="w-full max-w-md items-start gap-4 rounded-lg border border-border bg-card p-6">
           <Icon icon={Check} size={42} className="text-primary" />
-          <Text className="font-serif text-3xl font-black">
+          <Text className="font-sans text-3xl font-black">
             Your Teal profile is ready
           </Text>
           <Text className="text-muted-foreground">
@@ -295,7 +295,7 @@ export default function OnboardingPage() {
         <View className="h-20 w-20 items-center justify-center rounded-full border-8 border-primary/20 bg-primary/10">
           <ActivityIndicator size="large" />
         </View>
-        <Text className="font-serif text-3xl font-black">
+        <Text className="font-sans text-3xl font-black">
           {OnboardingSubmissionSteps[submissionStep]}
         </Text>
         <Text className="text-muted-foreground">
@@ -351,7 +351,7 @@ export default function OnboardingPage() {
             <View className="h-16 w-16 items-center justify-center rounded-full border-[7px] border-background">
               <View className="h-5 w-5 rounded-full bg-secondary" />
             </View>
-            <Text className="font-serif text-4xl font-black text-background">
+            <Text className="font-sans text-4xl font-black text-background">
               Make it yours.
             </Text>
             <Text className="text-base leading-6 text-background/65">
diff --git a/apps/amethyst/components/songish/PlayFeedCard.tsx b/apps/amethyst/components/songish/PlayFeedCard.tsx
index fa9f4b8..56d2153 100644
--- a/apps/amethyst/components/songish/PlayFeedCard.tsx
+++ b/apps/amethyst/components/songish/PlayFeedCard.tsx
@@ -6,7 +6,7 @@ import { Icon } from "@/lib/icons/iconWithClassName";
 import { coverArtUrl, displayArtists, getBlueskyProfile } from "@/lib/teal/api";
 import { musicTrackHref } from "@/lib/teal/routes";
 import { cn, timeAgo } from "@/lib/utils";
-import { Disc3, Play } from "lucide-react-native";
+import { Disc3 } from "lucide-react-native";
 
 import type { PlayView } from "@teal/lexicons/src/types/fm/teal/alpha/feed/defs";
 
@@ -131,7 +131,7 @@ export default function PlayFeedCard({ play, compact }: PlayFeedCardProps) {
         <Link href={musicHref(play) as any} asChild>
           <Pressable className="flex-row items-center justify-between gap-3">
             <View className="min-w-0 flex-1">
-              <Text className="font-serif text-xl font-black" numberOfLines={2}>
+              <Text className="font-sans text-xl font-black" numberOfLines={2}>
                 {play.trackName}
               </Text>
               <Text
@@ -141,7 +141,7 @@ export default function PlayFeedCard({ play, compact }: PlayFeedCardProps) {
                 {displayArtists(play) || "Unknown artist"}
               </Text>
             </View>
-            <View className="relative">
+            <View>
               {art ? (
                 <Image
                   source={{ uri: art }}
@@ -157,9 +157,6 @@ export default function PlayFeedCard({ play, compact }: PlayFeedCardProps) {
                   />
                 </View>
               )}
-              <View className="absolute -bottom-1 -right-1 h-6 w-6 items-center justify-center rounded-full border border-border bg-background">
-                <Icon icon={Play} size={14} className="text-primary" />
-              </View>
             </View>
           </Pressable>
         </Link>
diff --git a/apps/amethyst/components/songish/RightRail.tsx b/apps/amethyst/components/songish/RightRail.tsx
index 52aa992..7b9a946 100644
--- a/apps/amethyst/components/songish/RightRail.tsx
+++ b/apps/amethyst/components/songish/RightRail.tsx
@@ -44,7 +44,7 @@ export default function RightRail() {
             Trending now
           </Text>
         </View>
-        <Text className="font-serif text-3xl font-black text-background">
+        <Text className="font-sans text-3xl font-black text-background">
           Live from the network
         </Text>
         <Text className="mt-2 text-sm leading-5 text-background/65">
diff --git a/apps/amethyst/components/songish/SongishShell.tsx b/apps/amethyst/components/songish/SongishShell.tsx
index c9b6e1e..769b405 100644
--- a/apps/amethyst/components/songish/SongishShell.tsx
+++ b/apps/amethyst/components/songish/SongishShell.tsx
@@ -34,7 +34,7 @@ function RecordLogo() {
         <View className="h-3 w-3 rounded-full bg-secondary" />
       </View>
       <View>
-        <Text className="font-serif text-3xl font-black leading-8">Teal</Text>
+        <Text className="font-sans text-3xl font-black leading-8">Teal</Text>
         <Text className="font-mono text-[10px] uppercase text-muted-foreground">
           listening network
         </Text>
@@ -191,7 +191,7 @@ export function SectionHeading({
             {eyebrow}
           </Text>
         )}
-        <Text className="font-serif text-2xl font-black">{title}</Text>
+        <Text className="font-sans text-2xl font-black">{title}</Text>
       </View>
       {detail && (
         <Text className="font-mono text-[10px] text-muted-foreground">
@@ -228,7 +228,7 @@ export default function SongishShell({
         >
           <View className="min-h-screen w-full max-w-[48rem] px-4 py-7 md:px-7 lg:px-8">
             {title && (
-              <Text className="mb-7 font-serif text-4xl font-black">
+              <Text className="mb-7 font-sans text-4xl font-black">
                 {title}
               </Text>
             )}
diff --git a/apps/amethyst/global.css b/apps/amethyst/global.css
index 71aa211..2378857 100644
--- a/apps/amethyst/global.css
+++ b/apps/amethyst/global.css
@@ -4,7 +4,7 @@
 
 @layer base {
   :root {
-    --base-font-family: "EBGaramond";
+    --base-font-family: "DM Sans";
     --background: 48 33% 97%;
     --foreground: 174 33% 10%;
     --muted: 162 16% 91%;
diff --git a/apps/amethyst/tailwind.config.js b/apps/amethyst/tailwind.config.js
index 2bbf88c..a2327dd 100644
--- a/apps/amethyst/tailwind.config.js
+++ b/apps/amethyst/tailwind.config.js
@@ -1,4 +1,4 @@
-import { hairlineWidth, platformSelect } from "nativewind/theme";
+import { hairlineWidth } from "nativewind/theme";
 
 /** @type {import('tailwindcss').Config} */
 export const darkMode = "class";
@@ -8,20 +8,7 @@ export const theme = {
   extend: {
     fontFamily: {
       sans: "DM Sans",
-      "serif-old": "CrimsonPro",
-      "serif-old-italic": "CrimsonPro Italic",
-      serif: "Fraunces",
-      // serif: platformSelect({
-      //   android: "Fraunces",
-      //   ios: "Fraunces",
-      //   web: 'Fraunces, Georgia, Cambria, "Times New Roman", Times, serif',
-      // }),
       mono: "PlexMono",
-      // mono: platformSelect({
-      //   android: "PlexMono",
-      //   ios: ["PlexMono"],
-      //   web: 'PlexMono, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
-      // }),
     },
     colors: {
       border: "hsl(var(--border))",
diff --git a/todo.md b/todo.md
index 5cda3b8..6341837 100644
--- a/todo.md
+++ b/todo.md
@@ -50,6 +50,7 @@ This file is the working handoff for the Songish-style Teal clone. Keep it updat
 ## Next: Amethyst UI
 
 - [x] Add Explore search for users, songs, artists, and albums.
+- [ ] Add album-cover preview controls only after Teal has a real audio preview source and playback behavior.
 - [ ] Finish profile avatar and banner blob URL rendering.
 - [x] Add artist and release detail routes in addition to track detail.
 - [x] Refresh the shared UI system and apply it across feed, search, profiles, music pages, sign-in, onboarding, settings, and manual stamping.