diff --git a/package.json b/package.json
index 71c28fe0a..df8155d0c 100644
--- a/package.json
+++ b/package.json
@@ -74,7 +74,6 @@
     "@atproto/api": "^0.16.7",
     "@bitdrift/react-native": "^0.6.8",
     "@braintree/sanitize-url": "^6.0.2",
-    "@bsky.app/alf": "^0.1.2",
     "@discord/bottom-sheet": "bluesky-social/react-native-bottom-sheet",
     "@emoji-mart/react": "^1.1.1",
     "@expo/html-elements": "^0.12.5",
diff --git a/src/alf/atoms.ts b/src/alf/atoms.ts
index 3168b1da1..dc5d9f59c 100644
--- a/src/alf/atoms.ts
+++ b/src/alf/atoms.ts
@@ -1,15 +1,115 @@
-import {type StyleProp, type ViewStyle} from 'react-native'
-import {atoms as baseAtoms} from '@bsky.app/alf'
+import {
+  Platform,
+  type StyleProp,
+  StyleSheet,
+  type ViewStyle,
+} from 'react-native'
 
-import {native, platform, web} from '#/alf/util/platform'
+import * as tokens from '#/alf/tokens'
+import {ios, native, platform, web} from '#/alf/util/platform'
 import * as Layout from '#/components/Layout'
 
 export const atoms = {
-  ...baseAtoms,
+  debug: {
+    borderColor: 'red',
+    borderWidth: 1,
+  },
 
+  /*
+   * Positioning
+   */
+  fixed: {
+    position: Platform.select({web: 'fixed', native: 'absolute'}) as 'absolute',
+  },
+  absolute: {
+    position: 'absolute',
+  },
+  relative: {
+    position: 'relative',
+  },
+  static: {
+    position: 'static',
+  },
+  sticky: web({
+    position: 'sticky',
+  }),
+  inset_0: {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+  },
+  top_0: {
+    top: 0,
+  },
+  right_0: {
+    right: 0,
+  },
+  bottom_0: {
+    bottom: 0,
+  },
+  left_0: {
+    left: 0,
+  },
+  z_10: {
+    zIndex: 10,
+  },
+  z_20: {
+    zIndex: 20,
+  },
+  z_30: {
+    zIndex: 30,
+  },
+  z_40: {
+    zIndex: 40,
+  },
+  z_50: {
+    zIndex: 50,
+  },
+
+  overflow_visible: {
+    overflow: 'visible',
+  },
+  overflow_x_visible: {
+    overflowX: 'visible',
+  },
+  overflow_y_visible: {
+    overflowY: 'visible',
+  },
+  overflow_hidden: {
+    overflow: 'hidden',
+  },
+  overflow_x_hidden: {
+    overflowX: 'hidden',
+  },
+  overflow_y_hidden: {
+    overflowY: 'hidden',
+  },
+  /**
+   * @platform web
+   */
+  overflow_auto: web({
+    overflow: 'auto',
+  }),
+
+  /*
+   * Width & Height
+   */
+  w_full: {
+    width: '100%',
+  },
+  h_full: {
+    height: '100%',
+  },
   h_full_vh: web({
     height: '100vh',
   }),
+  max_w_full: {
+    maxWidth: '100%',
+  },
+  max_h_full: {
+    maxHeight: '100%',
+  },
 
   /**
    * Used for the outermost components on screens, to ensure that they can fill
@@ -31,6 +131,895 @@ export const atoms = {
     backgroundColor: 'transparent',
   },
 
+  /*
+   * Border radius
+   */
+  rounded_0: {
+    borderRadius: 0,
+  },
+  rounded_2xs: {
+    borderRadius: tokens.borderRadius._2xs,
+  },
+  rounded_xs: {
+    borderRadius: tokens.borderRadius.xs,
+  },
+  rounded_sm: {
+    borderRadius: tokens.borderRadius.sm,
+  },
+  rounded_md: {
+    borderRadius: tokens.borderRadius.md,
+  },
+  rounded_lg: {
+    borderRadius: tokens.borderRadius.lg,
+  },
+  rounded_full: {
+    borderRadius: tokens.borderRadius.full,
+  },
+
+  /*
+   * Flex
+   */
+  gap_0: {
+    gap: 0,
+  },
+  gap_2xs: {
+    gap: tokens.space._2xs,
+  },
+  gap_xs: {
+    gap: tokens.space.xs,
+  },
+  gap_sm: {
+    gap: tokens.space.sm,
+  },
+  gap_md: {
+    gap: tokens.space.md,
+  },
+  gap_lg: {
+    gap: tokens.space.lg,
+  },
+  gap_xl: {
+    gap: tokens.space.xl,
+  },
+  gap_2xl: {
+    gap: tokens.space._2xl,
+  },
+  gap_3xl: {
+    gap: tokens.space._3xl,
+  },
+  gap_4xl: {
+    gap: tokens.space._4xl,
+  },
+  gap_5xl: {
+    gap: tokens.space._5xl,
+  },
+  flex: {
+    display: 'flex',
+  },
+  flex_col: {
+    flexDirection: 'column',
+  },
+  flex_row: {
+    flexDirection: 'row',
+  },
+  flex_col_reverse: {
+    flexDirection: 'column-reverse',
+  },
+  flex_row_reverse: {
+    flexDirection: 'row-reverse',
+  },
+  flex_wrap: {
+    flexWrap: 'wrap',
+  },
+  flex_nowrap: {
+    flexWrap: 'nowrap',
+  },
+  flex_0: {
+    flex: web('0 0 auto') || (native(0) as number),
+  },
+  flex_1: {
+    flex: 1,
+  },
+  flex_grow: {
+    flexGrow: 1,
+  },
+  flex_grow_0: {
+    flexGrow: 0,
+  },
+  flex_shrink: {
+    flexShrink: 1,
+  },
+  flex_shrink_0: {
+    flexShrink: 0,
+  },
+  justify_start: {
+    justifyContent: 'flex-start',
+  },
+  justify_center: {
+    justifyContent: 'center',
+  },
+  justify_between: {
+    justifyContent: 'space-between',
+  },
+  justify_end: {
+    justifyContent: 'flex-end',
+  },
+  align_center: {
+    alignItems: 'center',
+  },
+  align_start: {
+    alignItems: 'flex-start',
+  },
+  align_end: {
+    alignItems: 'flex-end',
+  },
+  align_baseline: {
+    alignItems: 'baseline',
+  },
+  align_stretch: {
+    alignItems: 'stretch',
+  },
+  self_auto: {
+    alignSelf: 'auto',
+  },
+  self_start: {
+    alignSelf: 'flex-start',
+  },
+  self_end: {
+    alignSelf: 'flex-end',
+  },
+  self_center: {
+    alignSelf: 'center',
+  },
+  self_stretch: {
+    alignSelf: 'stretch',
+  },
+  self_baseline: {
+    alignSelf: 'baseline',
+  },
+
+  /*
+   * Text
+   */
+  text_left: {
+    textAlign: 'left',
+  },
+  text_center: {
+    textAlign: 'center',
+  },
+  text_right: {
+    textAlign: 'right',
+  },
+  text_2xs: {
+    fontSize: tokens.fontSize._2xs,
+    letterSpacing: tokens.TRACKING,
+  },
+  text_xs: {
+    fontSize: tokens.fontSize.xs,
+    letterSpacing: tokens.TRACKING,
+  },
+  text_sm: {
+    fontSize: tokens.fontSize.sm,
+    letterSpacing: tokens.TRACKING,
+  },
+  text_md: {
+    fontSize: tokens.fontSize.md,
+    letterSpacing: tokens.TRACKING,
+  },
+  text_lg: {
+    fontSize: tokens.fontSize.lg,
+    letterSpacing: tokens.TRACKING,
+  },
+  text_xl: {
+    fontSize: tokens.fontSize.xl,
+    letterSpacing: tokens.TRACKING,
+  },
+  text_2xl: {
+    fontSize: tokens.fontSize._2xl,
+    letterSpacing: tokens.TRACKING,
+  },
+  text_3xl: {
+    fontSize: tokens.fontSize._3xl,
+    letterSpacing: tokens.TRACKING,
+  },
+  text_4xl: {
+    fontSize: tokens.fontSize._4xl,
+    letterSpacing: tokens.TRACKING,
+  },
+  text_5xl: {
+    fontSize: tokens.fontSize._5xl,
+    letterSpacing: tokens.TRACKING,
+  },
+  leading_tight: {
+    lineHeight: 1.15,
+  },
+  leading_snug: {
+    lineHeight: 1.3,
+  },
+  leading_normal: {
+    lineHeight: 1.5,
+  },
+  tracking_normal: {
+    letterSpacing: tokens.TRACKING,
+  },
+  font_normal: {
+    fontWeight: tokens.fontWeight.normal,
+  },
+  font_medium: {
+    fontWeight: tokens.fontWeight.medium,
+  },
+  font_bold: {
+    fontWeight: tokens.fontWeight.bold,
+  },
+  font_heavy: {
+    fontWeight: tokens.fontWeight.heavy,
+  },
+  italic: {
+    fontStyle: 'italic',
+  },
+
+  /*
+   * Border
+   */
+  border_0: {
+    borderWidth: 0,
+  },
+  border_t_0: {
+    borderTopWidth: 0,
+  },
+  border_b_0: {
+    borderBottomWidth: 0,
+  },
+  border_l_0: {
+    borderLeftWidth: 0,
+  },
+  border_r_0: {
+    borderRightWidth: 0,
+  },
+  border_x_0: {
+    borderLeftWidth: 0,
+    borderRightWidth: 0,
+  },
+  border_y_0: {
+    borderTopWidth: 0,
+    borderBottomWidth: 0,
+  },
+  border: {
+    borderWidth: StyleSheet.hairlineWidth,
+  },
+  border_t: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+  },
+  border_b: {
+    borderBottomWidth: StyleSheet.hairlineWidth,
+  },
+  border_l: {
+    borderLeftWidth: StyleSheet.hairlineWidth,
+  },
+  border_r: {
+    borderRightWidth: StyleSheet.hairlineWidth,
+  },
+  border_x: {
+    borderLeftWidth: StyleSheet.hairlineWidth,
+    borderRightWidth: StyleSheet.hairlineWidth,
+  },
+  border_y: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+  },
+  border_transparent: {
+    borderColor: 'transparent',
+  },
+  curve_circular: ios({
+    borderCurve: 'circular',
+  }),
+  curve_continuous: ios({
+    borderCurve: 'continuous',
+  }),
+
+  /*
+   * Shadow
+   */
+  shadow_sm: {
+    shadowRadius: 8,
+    shadowOpacity: 0.1,
+    elevation: 8,
+  },
+  shadow_md: {
+    shadowRadius: 16,
+    shadowOpacity: 0.1,
+    elevation: 16,
+  },
+  shadow_lg: {
+    shadowRadius: 32,
+    shadowOpacity: 0.1,
+    elevation: 24,
+  },
+
+  /*
+   * Padding
+   */
+  p_0: {
+    padding: 0,
+  },
+  p_2xs: {
+    padding: tokens.space._2xs,
+  },
+  p_xs: {
+    padding: tokens.space.xs,
+  },
+  p_sm: {
+    padding: tokens.space.sm,
+  },
+  p_md: {
+    padding: tokens.space.md,
+  },
+  p_lg: {
+    padding: tokens.space.lg,
+  },
+  p_xl: {
+    padding: tokens.space.xl,
+  },
+  p_2xl: {
+    padding: tokens.space._2xl,
+  },
+  p_3xl: {
+    padding: tokens.space._3xl,
+  },
+  p_4xl: {
+    padding: tokens.space._4xl,
+  },
+  p_5xl: {
+    padding: tokens.space._5xl,
+  },
+  px_0: {
+    paddingLeft: 0,
+    paddingRight: 0,
+  },
+  px_2xs: {
+    paddingLeft: tokens.space._2xs,
+    paddingRight: tokens.space._2xs,
+  },
+  px_xs: {
+    paddingLeft: tokens.space.xs,
+    paddingRight: tokens.space.xs,
+  },
+  px_sm: {
+    paddingLeft: tokens.space.sm,
+    paddingRight: tokens.space.sm,
+  },
+  px_md: {
+    paddingLeft: tokens.space.md,
+    paddingRight: tokens.space.md,
+  },
+  px_lg: {
+    paddingLeft: tokens.space.lg,
+    paddingRight: tokens.space.lg,
+  },
+  px_xl: {
+    paddingLeft: tokens.space.xl,
+    paddingRight: tokens.space.xl,
+  },
+  px_2xl: {
+    paddingLeft: tokens.space._2xl,
+    paddingRight: tokens.space._2xl,
+  },
+  px_3xl: {
+    paddingLeft: tokens.space._3xl,
+    paddingRight: tokens.space._3xl,
+  },
+  px_4xl: {
+    paddingLeft: tokens.space._4xl,
+    paddingRight: tokens.space._4xl,
+  },
+  px_5xl: {
+    paddingLeft: tokens.space._5xl,
+    paddingRight: tokens.space._5xl,
+  },
+  py_0: {
+    paddingTop: 0,
+    paddingBottom: 0,
+  },
+  py_2xs: {
+    paddingTop: tokens.space._2xs,
+    paddingBottom: tokens.space._2xs,
+  },
+  py_xs: {
+    paddingTop: tokens.space.xs,
+    paddingBottom: tokens.space.xs,
+  },
+  py_sm: {
+    paddingTop: tokens.space.sm,
+    paddingBottom: tokens.space.sm,
+  },
+  py_md: {
+    paddingTop: tokens.space.md,
+    paddingBottom: tokens.space.md,
+  },
+  py_lg: {
+    paddingTop: tokens.space.lg,
+    paddingBottom: tokens.space.lg,
+  },
+  py_xl: {
+    paddingTop: tokens.space.xl,
+    paddingBottom: tokens.space.xl,
+  },
+  py_2xl: {
+    paddingTop: tokens.space._2xl,
+    paddingBottom: tokens.space._2xl,
+  },
+  py_3xl: {
+    paddingTop: tokens.space._3xl,
+    paddingBottom: tokens.space._3xl,
+  },
+  py_4xl: {
+    paddingTop: tokens.space._4xl,
+    paddingBottom: tokens.space._4xl,
+  },
+  py_5xl: {
+    paddingTop: tokens.space._5xl,
+    paddingBottom: tokens.space._5xl,
+  },
+  pt_0: {
+    paddingTop: 0,
+  },
+  pt_2xs: {
+    paddingTop: tokens.space._2xs,
+  },
+  pt_xs: {
+    paddingTop: tokens.space.xs,
+  },
+  pt_sm: {
+    paddingTop: tokens.space.sm,
+  },
+  pt_md: {
+    paddingTop: tokens.space.md,
+  },
+  pt_lg: {
+    paddingTop: tokens.space.lg,
+  },
+  pt_xl: {
+    paddingTop: tokens.space.xl,
+  },
+  pt_2xl: {
+    paddingTop: tokens.space._2xl,
+  },
+  pt_3xl: {
+    paddingTop: tokens.space._3xl,
+  },
+  pt_4xl: {
+    paddingTop: tokens.space._4xl,
+  },
+  pt_5xl: {
+    paddingTop: tokens.space._5xl,
+  },
+  pb_0: {
+    paddingBottom: 0,
+  },
+  pb_2xs: {
+    paddingBottom: tokens.space._2xs,
+  },
+  pb_xs: {
+    paddingBottom: tokens.space.xs,
+  },
+  pb_sm: {
+    paddingBottom: tokens.space.sm,
+  },
+  pb_md: {
+    paddingBottom: tokens.space.md,
+  },
+  pb_lg: {
+    paddingBottom: tokens.space.lg,
+  },
+  pb_xl: {
+    paddingBottom: tokens.space.xl,
+  },
+  pb_2xl: {
+    paddingBottom: tokens.space._2xl,
+  },
+  pb_3xl: {
+    paddingBottom: tokens.space._3xl,
+  },
+  pb_4xl: {
+    paddingBottom: tokens.space._4xl,
+  },
+  pb_5xl: {
+    paddingBottom: tokens.space._5xl,
+  },
+  pl_0: {
+    paddingLeft: 0,
+  },
+  pl_2xs: {
+    paddingLeft: tokens.space._2xs,
+  },
+  pl_xs: {
+    paddingLeft: tokens.space.xs,
+  },
+  pl_sm: {
+    paddingLeft: tokens.space.sm,
+  },
+  pl_md: {
+    paddingLeft: tokens.space.md,
+  },
+  pl_lg: {
+    paddingLeft: tokens.space.lg,
+  },
+  pl_xl: {
+    paddingLeft: tokens.space.xl,
+  },
+  pl_2xl: {
+    paddingLeft: tokens.space._2xl,
+  },
+  pl_3xl: {
+    paddingLeft: tokens.space._3xl,
+  },
+  pl_4xl: {
+    paddingLeft: tokens.space._4xl,
+  },
+  pl_5xl: {
+    paddingLeft: tokens.space._5xl,
+  },
+  pr_0: {
+    paddingRight: 0,
+  },
+  pr_2xs: {
+    paddingRight: tokens.space._2xs,
+  },
+  pr_xs: {
+    paddingRight: tokens.space.xs,
+  },
+  pr_sm: {
+    paddingRight: tokens.space.sm,
+  },
+  pr_md: {
+    paddingRight: tokens.space.md,
+  },
+  pr_lg: {
+    paddingRight: tokens.space.lg,
+  },
+  pr_xl: {
+    paddingRight: tokens.space.xl,
+  },
+  pr_2xl: {
+    paddingRight: tokens.space._2xl,
+  },
+  pr_3xl: {
+    paddingRight: tokens.space._3xl,
+  },
+  pr_4xl: {
+    paddingRight: tokens.space._4xl,
+  },
+  pr_5xl: {
+    paddingRight: tokens.space._5xl,
+  },
+
+  /*
+   * Margin
+   */
+  m_0: {
+    margin: 0,
+  },
+  m_2xs: {
+    margin: tokens.space._2xs,
+  },
+  m_xs: {
+    margin: tokens.space.xs,
+  },
+  m_sm: {
+    margin: tokens.space.sm,
+  },
+  m_md: {
+    margin: tokens.space.md,
+  },
+  m_lg: {
+    margin: tokens.space.lg,
+  },
+  m_xl: {
+    margin: tokens.space.xl,
+  },
+  m_2xl: {
+    margin: tokens.space._2xl,
+  },
+  m_3xl: {
+    margin: tokens.space._3xl,
+  },
+  m_4xl: {
+    margin: tokens.space._4xl,
+  },
+  m_5xl: {
+    margin: tokens.space._5xl,
+  },
+  m_auto: {
+    margin: 'auto',
+  },
+  mx_0: {
+    marginLeft: 0,
+    marginRight: 0,
+  },
+  mx_2xs: {
+    marginLeft: tokens.space._2xs,
+    marginRight: tokens.space._2xs,
+  },
+  mx_xs: {
+    marginLeft: tokens.space.xs,
+    marginRight: tokens.space.xs,
+  },
+  mx_sm: {
+    marginLeft: tokens.space.sm,
+    marginRight: tokens.space.sm,
+  },
+  mx_md: {
+    marginLeft: tokens.space.md,
+    marginRight: tokens.space.md,
+  },
+  mx_lg: {
+    marginLeft: tokens.space.lg,
+    marginRight: tokens.space.lg,
+  },
+  mx_xl: {
+    marginLeft: tokens.space.xl,
+    marginRight: tokens.space.xl,
+  },
+  mx_2xl: {
+    marginLeft: tokens.space._2xl,
+    marginRight: tokens.space._2xl,
+  },
+  mx_3xl: {
+    marginLeft: tokens.space._3xl,
+    marginRight: tokens.space._3xl,
+  },
+  mx_4xl: {
+    marginLeft: tokens.space._4xl,
+    marginRight: tokens.space._4xl,
+  },
+  mx_5xl: {
+    marginLeft: tokens.space._5xl,
+    marginRight: tokens.space._5xl,
+  },
+  mx_auto: {
+    marginLeft: 'auto',
+    marginRight: 'auto',
+  },
+  my_0: {
+    marginTop: 0,
+    marginBottom: 0,
+  },
+  my_2xs: {
+    marginTop: tokens.space._2xs,
+    marginBottom: tokens.space._2xs,
+  },
+  my_xs: {
+    marginTop: tokens.space.xs,
+    marginBottom: tokens.space.xs,
+  },
+  my_sm: {
+    marginTop: tokens.space.sm,
+    marginBottom: tokens.space.sm,
+  },
+  my_md: {
+    marginTop: tokens.space.md,
+    marginBottom: tokens.space.md,
+  },
+  my_lg: {
+    marginTop: tokens.space.lg,
+    marginBottom: tokens.space.lg,
+  },
+  my_xl: {
+    marginTop: tokens.space.xl,
+    marginBottom: tokens.space.xl,
+  },
+  my_2xl: {
+    marginTop: tokens.space._2xl,
+    marginBottom: tokens.space._2xl,
+  },
+  my_3xl: {
+    marginTop: tokens.space._3xl,
+    marginBottom: tokens.space._3xl,
+  },
+  my_4xl: {
+    marginTop: tokens.space._4xl,
+    marginBottom: tokens.space._4xl,
+  },
+  my_5xl: {
+    marginTop: tokens.space._5xl,
+    marginBottom: tokens.space._5xl,
+  },
+  my_auto: {
+    marginTop: 'auto',
+    marginBottom: 'auto',
+  },
+  mt_0: {
+    marginTop: 0,
+  },
+  mt_2xs: {
+    marginTop: tokens.space._2xs,
+  },
+  mt_xs: {
+    marginTop: tokens.space.xs,
+  },
+  mt_sm: {
+    marginTop: tokens.space.sm,
+  },
+  mt_md: {
+    marginTop: tokens.space.md,
+  },
+  mt_lg: {
+    marginTop: tokens.space.lg,
+  },
+  mt_xl: {
+    marginTop: tokens.space.xl,
+  },
+  mt_2xl: {
+    marginTop: tokens.space._2xl,
+  },
+  mt_3xl: {
+    marginTop: tokens.space._3xl,
+  },
+  mt_4xl: {
+    marginTop: tokens.space._4xl,
+  },
+  mt_5xl: {
+    marginTop: tokens.space._5xl,
+  },
+  mt_auto: {
+    marginTop: 'auto',
+  },
+  mb_0: {
+    marginBottom: 0,
+  },
+  mb_2xs: {
+    marginBottom: tokens.space._2xs,
+  },
+  mb_xs: {
+    marginBottom: tokens.space.xs,
+  },
+  mb_sm: {
+    marginBottom: tokens.space.sm,
+  },
+  mb_md: {
+    marginBottom: tokens.space.md,
+  },
+  mb_lg: {
+    marginBottom: tokens.space.lg,
+  },
+  mb_xl: {
+    marginBottom: tokens.space.xl,
+  },
+  mb_2xl: {
+    marginBottom: tokens.space._2xl,
+  },
+  mb_3xl: {
+    marginBottom: tokens.space._3xl,
+  },
+  mb_4xl: {
+    marginBottom: tokens.space._4xl,
+  },
+  mb_5xl: {
+    marginBottom: tokens.space._5xl,
+  },
+  mb_auto: {
+    marginBottom: 'auto',
+  },
+  ml_0: {
+    marginLeft: 0,
+  },
+  ml_2xs: {
+    marginLeft: tokens.space._2xs,
+  },
+  ml_xs: {
+    marginLeft: tokens.space.xs,
+  },
+  ml_sm: {
+    marginLeft: tokens.space.sm,
+  },
+  ml_md: {
+    marginLeft: tokens.space.md,
+  },
+  ml_lg: {
+    marginLeft: tokens.space.lg,
+  },
+  ml_xl: {
+    marginLeft: tokens.space.xl,
+  },
+  ml_2xl: {
+    marginLeft: tokens.space._2xl,
+  },
+  ml_3xl: {
+    marginLeft: tokens.space._3xl,
+  },
+  ml_4xl: {
+    marginLeft: tokens.space._4xl,
+  },
+  ml_5xl: {
+    marginLeft: tokens.space._5xl,
+  },
+  ml_auto: {
+    marginLeft: 'auto',
+  },
+  mr_0: {
+    marginRight: 0,
+  },
+  mr_2xs: {
+    marginRight: tokens.space._2xs,
+  },
+  mr_xs: {
+    marginRight: tokens.space.xs,
+  },
+  mr_sm: {
+    marginRight: tokens.space.sm,
+  },
+  mr_md: {
+    marginRight: tokens.space.md,
+  },
+  mr_lg: {
+    marginRight: tokens.space.lg,
+  },
+  mr_xl: {
+    marginRight: tokens.space.xl,
+  },
+  mr_2xl: {
+    marginRight: tokens.space._2xl,
+  },
+  mr_3xl: {
+    marginRight: tokens.space._3xl,
+  },
+  mr_4xl: {
+    marginRight: tokens.space._4xl,
+  },
+  mr_5xl: {
+    marginRight: tokens.space._5xl,
+  },
+  mr_auto: {
+    marginRight: 'auto',
+  },
+
+  /*
+   * Pointer events & user select
+   */
+  pointer_events_none: {
+    pointerEvents: 'none',
+  },
+  pointer_events_auto: {
+    pointerEvents: 'auto',
+  },
+  user_select_none: {
+    userSelect: 'none',
+  },
+  user_select_text: {
+    userSelect: 'text',
+  },
+  user_select_all: {
+    userSelect: 'all',
+  },
+  outline_inset_1: {
+    outlineOffset: -1,
+  },
+
+  /*
+   * Text decoration
+   */
+  underline: {
+    textDecorationLine: 'underline',
+  },
+  strike_through: {
+    textDecorationLine: 'line-through',
+  },
+
+  /*
+   * Display
+   */
+  hidden: {
+    display: 'none',
+  },
+  inline: web({
+    display: 'inline',
+  }),
+  block: web({
+    display: 'block',
+  }),
+  contents: web({
+    display: 'contents',
+  }),
+
   /*
    * Transition
    */
@@ -110,4 +1099,8 @@ export const atoms = {
       transform: [],
     },
   }) as {transform: Exclude<ViewStyle['transform'], string | undefined>},
+
+  pointer: web({
+    cursor: 'pointer',
+  }),
 } as const
diff --git a/src/alf/fonts.ts b/src/alf/fonts.ts
index ddf4c0b18..7366edef2 100644
--- a/src/alf/fonts.ts
+++ b/src/alf/fonts.ts
@@ -7,11 +7,11 @@ const WEB_FONT_FAMILIES = `system-ui, -apple-system, BlinkMacSystemFont, "Segoe
 
 const factor = 0.0625 // 1 - (15/16)
 const fontScaleMultipliers: Record<Device['fontScale'], number> = {
-  '-2': 1 - factor * 1, // unused
-  '-1': 1 - factor * 1,
-  '0': 1, // default
-  '1': 1 + factor * 1,
-  '2': 1 + factor * 1, // unused
+  '-2': 1 - factor * 3,
+  '-1': 1 - factor * 2,
+  '0': 1 - factor * 1, // default
+  '1': 1,
+  '2': 1 + factor * 1,
 }
 
 export function computeFontScaleMultiplier(scale: Device['fontScale']) {
diff --git a/src/alf/index.tsx b/src/alf/index.tsx
index eed3fcbeb..bee8ed78c 100644
--- a/src/alf/index.tsx
+++ b/src/alf/index.tsx
@@ -1,5 +1,4 @@
 import React from 'react'
-import {type Theme, type ThemeName} from '@bsky.app/alf'
 
 import {
   computeFontScaleMultiplier,
@@ -8,14 +7,16 @@ import {
   setFontFamily as persistFontFamily,
   setFontScale as persistFontScale,
 } from '#/alf/fonts'
-import {themes} from '#/alf/themes'
+import {createThemes, defaultTheme} from '#/alf/themes'
+import {type Theme, type ThemeName} from '#/alf/types'
+import {BLUE_HUE, GREEN_HUE, RED_HUE} from '#/alf/util/colorGeneration'
 import {type Device} from '#/storage'
 
-export {type TextStyleProp, type Theme, type ViewStyleProp} from '@bsky.app/alf'
 export {atoms} from '#/alf/atoms'
 export * from '#/alf/breakpoints'
 export * from '#/alf/fonts'
 export * as tokens from '#/alf/tokens'
+export * from '#/alf/types'
 export * from '#/alf/util/flatten'
 export * from '#/alf/util/platform'
 export * from '#/alf/util/themeSelector'
@@ -24,7 +25,7 @@ export * from '#/alf/util/useGutters'
 export type Alf = {
   themeName: ThemeName
   theme: Theme
-  themes: typeof themes
+  themes: ReturnType<typeof createThemes>
   fonts: {
     scale: Exclude<Device['fontScale'], undefined>
     scaleMultiplier: number
@@ -43,8 +44,14 @@ export type Alf = {
  */
 export const Context = React.createContext<Alf>({
   themeName: 'light',
-  theme: themes.light,
-  themes,
+  theme: defaultTheme,
+  themes: createThemes({
+    hues: {
+      primary: BLUE_HUE,
+      negative: RED_HUE,
+      positive: GREEN_HUE,
+    },
+  }),
   fonts: {
     scale: getFontScale(),
     scaleMultiplier: computeFontScaleMultiplier(getFontScale()),
@@ -69,10 +76,10 @@ export function ThemeProvider({
   const setFontScaleAndPersist = React.useCallback<
     Alf['fonts']['setFontScale']
   >(
-    fs => {
-      setFontScale(fs)
-      persistFontScale(fs)
-      setFontScaleMultiplier(computeFontScaleMultiplier(fs))
+    fontScale => {
+      setFontScale(fontScale)
+      persistFontScale(fontScale)
+      setFontScaleMultiplier(computeFontScaleMultiplier(fontScale))
     },
     [setFontScale],
   )
@@ -82,12 +89,21 @@ export function ThemeProvider({
   const setFontFamilyAndPersist = React.useCallback<
     Alf['fonts']['setFontFamily']
   >(
-    ff => {
-      setFontFamily(ff)
-      persistFontFamily(ff)
+    fontFamily => {
+      setFontFamily(fontFamily)
+      persistFontFamily(fontFamily)
     },
     [setFontFamily],
   )
+  const themes = React.useMemo(() => {
+    return createThemes({
+      hues: {
+        primary: BLUE_HUE,
+        negative: RED_HUE,
+        positive: GREEN_HUE,
+      },
+    })
+  }, [])
 
   const value = React.useMemo<Alf>(
     () => ({
@@ -105,6 +121,7 @@ export function ThemeProvider({
     }),
     [
       themeName,
+      themes,
       fontScale,
       setFontScaleAndPersist,
       fontFamily,
diff --git a/src/alf/themes.ts b/src/alf/themes.ts
index 5aa86a4a5..59bd4544a 100644
--- a/src/alf/themes.ts
+++ b/src/alf/themes.ts
@@ -1,12 +1,23 @@
 import {atoms} from '#/alf/atoms'
 import {mocha} from '#/alf/catppuccin/palette'
 import {type Palette, type Theme} from '#/alf/types'
+import {type Palette, type Theme} from '#/alf/types'
 import {defaultScale, dimScale} from '#/alf/util/colorGeneration'
+import {
+  BLUE_HUE,
+  defaultScale,
+  dimScale,
+  GREEN_HUE,
+  RED_HUE,
+} from '#/alf/util/colorGeneration'
 import {fade} from '#/alf/util/colors'
 
-const DEFAULT_THEMES = createThemes({
-  defaultPalette: DEFAULT_PALETTE,
-  subduedPalette: DEFAULT_SUBDUED_PALETTE,
+const themes = createThemes({
+  hues: {
+    primary: BLUE_HUE,
+    negative: RED_HUE,
+    positive: GREEN_HUE,
+  },
 })
 
 /**
@@ -603,27 +614,545 @@ export function createThemes({
   }
 }
 
-/**
- * @deprecated use ALF and access palette from `useTheme()`
- */
-export const lightPalette = DEFAULT_THEMES.light.palette
-/**
- * @deprecated use ALF and access palette from `useTheme()`
- */
-export const darkPalette = DEFAULT_THEMES.dark.palette
-/**
- * @deprecated use ALF and access palette from `useTheme()`
- */
-export const dimPalette = DEFAULT_THEMES.dim.palette
-/**
- * @deprecated use ALF and access theme from `useTheme()`
- */
-export const light = DEFAULT_THEMES.light
-/**
- * @deprecated use ALF and access theme from `useTheme()`
- */
-export const dark = DEFAULT_THEMES.dark
-/**
- * @deprecated use ALF and access theme from `useTheme()`
- */
-export const dim = DEFAULT_THEMES.dim
+export const defaultTheme = themes.light
+
+export function createThemes({
+  hues,
+}: {
+  hues: {
+    primary: number
+    negative: number
+    positive: number
+  }
+}): {
+  lightPalette: Palette
+  darkPalette: Palette
+  dimPalette: Palette
+  light: Theme
+  dark: Theme
+  dim: Theme
+} {
+  const color = {
+    like: '#ec4899',
+    trueBlack: '#000000',
+
+    gray_0: `hsl(${hues.primary}, 20%, ${defaultScale[14]}%)`,
+    gray_25: `hsl(${hues.primary}, 20%, ${defaultScale[13]}%)`,
+    gray_50: `hsl(${hues.primary}, 20%, ${defaultScale[12]}%)`,
+    gray_100: `hsl(${hues.primary}, 20%, ${defaultScale[11]}%)`,
+    gray_200: `hsl(${hues.primary}, 20%, ${defaultScale[10]}%)`,
+    gray_300: `hsl(${hues.primary}, 20%, ${defaultScale[9]}%)`,
+    gray_400: `hsl(${hues.primary}, 20%, ${defaultScale[8]}%)`,
+    gray_500: `hsl(${hues.primary}, 20%, ${defaultScale[7]}%)`,
+    gray_600: `hsl(${hues.primary}, 24%, ${defaultScale[6]}%)`,
+    gray_700: `hsl(${hues.primary}, 24%, ${defaultScale[5]}%)`,
+    gray_800: `hsl(${hues.primary}, 28%, ${defaultScale[4]}%)`,
+    gray_900: `hsl(${hues.primary}, 28%, ${defaultScale[3]}%)`,
+    gray_950: `hsl(${hues.primary}, 28%, ${defaultScale[2]}%)`,
+    gray_975: `hsl(${hues.primary}, 28%, ${defaultScale[1]}%)`,
+    gray_1000: `hsl(${hues.primary}, 28%, ${defaultScale[0]}%)`,
+
+    primary_25: `hsl(${hues.primary}, 99%, 97%)`,
+    primary_50: `hsl(${hues.primary}, 99%, 95%)`,
+    primary_100: `hsl(${hues.primary}, 99%, 90%)`,
+    primary_200: `hsl(${hues.primary}, 99%, 80%)`,
+    primary_300: `hsl(${hues.primary}, 99%, 70%)`,
+    primary_400: `hsl(${hues.primary}, 99%, 60%)`,
+    primary_500: `hsl(${hues.primary}, 99%, 53%)`,
+    primary_600: `hsl(${hues.primary}, 99%, 42%)`,
+    primary_700: `hsl(${hues.primary}, 99%, 34%)`,
+    primary_800: `hsl(${hues.primary}, 99%, 26%)`,
+    primary_900: `hsl(${hues.primary}, 99%, 18%)`,
+    primary_950: `hsl(${hues.primary}, 99%, 10%)`,
+    primary_975: `hsl(${hues.primary}, 99%, 7%)`,
+
+    green_25: `hsl(${hues.positive}, 82%, 97%)`,
+    green_50: `hsl(${hues.positive}, 82%, 95%)`,
+    green_100: `hsl(${hues.positive}, 82%, 90%)`,
+    green_200: `hsl(${hues.positive}, 82%, 80%)`,
+    green_300: `hsl(${hues.positive}, 82%, 70%)`,
+    green_400: `hsl(${hues.positive}, 82%, 60%)`,
+    green_500: `hsl(${hues.positive}, 82%, 50%)`,
+    green_600: `hsl(${hues.positive}, 82%, 42%)`,
+    green_700: `hsl(${hues.positive}, 82%, 34%)`,
+    green_800: `hsl(${hues.positive}, 82%, 26%)`,
+    green_900: `hsl(${hues.positive}, 82%, 18%)`,
+    green_950: `hsl(${hues.positive}, 82%, 10%)`,
+    green_975: `hsl(${hues.positive}, 82%, 7%)`,
+
+    red_25: `hsl(${hues.negative}, 91%, 97%)`,
+    red_50: `hsl(${hues.negative}, 91%, 95%)`,
+    red_100: `hsl(${hues.negative}, 91%, 90%)`,
+    red_200: `hsl(${hues.negative}, 91%, 80%)`,
+    red_300: `hsl(${hues.negative}, 91%, 70%)`,
+    red_400: `hsl(${hues.negative}, 91%, 60%)`,
+    red_500: `hsl(${hues.negative}, 91%, 50%)`,
+    red_600: `hsl(${hues.negative}, 91%, 42%)`,
+    red_700: `hsl(${hues.negative}, 91%, 34%)`,
+    red_800: `hsl(${hues.negative}, 91%, 26%)`,
+    red_900: `hsl(${hues.negative}, 91%, 18%)`,
+    red_950: `hsl(${hues.negative}, 91%, 10%)`,
+    red_975: `hsl(${hues.negative}, 91%, 7%)`,
+  } as const
+
+  const lightPalette = {
+    white: color.gray_0,
+    black: color.gray_1000,
+    like: color.like,
+
+    contrast_25: color.gray_25,
+    contrast_50: color.gray_50,
+    contrast_100: color.gray_100,
+    contrast_200: color.gray_200,
+    contrast_300: color.gray_300,
+    contrast_400: color.gray_400,
+    contrast_500: color.gray_500,
+    contrast_600: color.gray_600,
+    contrast_700: color.gray_700,
+    contrast_800: color.gray_800,
+    contrast_900: color.gray_900,
+    contrast_950: color.gray_950,
+    contrast_975: color.gray_975,
+
+    primary_25: color.primary_25,
+    primary_50: color.primary_50,
+    primary_100: color.primary_100,
+    primary_200: color.primary_200,
+    primary_300: color.primary_300,
+    primary_400: color.primary_400,
+    primary_500: color.primary_500,
+    primary_600: color.primary_600,
+    primary_700: color.primary_700,
+    primary_800: color.primary_800,
+    primary_900: color.primary_900,
+    primary_950: color.primary_950,
+    primary_975: color.primary_975,
+
+    positive_25: color.green_25,
+    positive_50: color.green_50,
+    positive_100: color.green_100,
+    positive_200: color.green_200,
+    positive_300: color.green_300,
+    positive_400: color.green_400,
+    positive_500: color.green_500,
+    positive_600: color.green_600,
+    positive_700: color.green_700,
+    positive_800: color.green_800,
+    positive_900: color.green_900,
+    positive_950: color.green_950,
+    positive_975: color.green_975,
+
+    negative_25: color.red_25,
+    negative_50: color.red_50,
+    negative_100: color.red_100,
+    negative_200: color.red_200,
+    negative_300: color.red_300,
+    negative_400: color.red_400,
+    negative_500: color.red_500,
+    negative_600: color.red_600,
+    negative_700: color.red_700,
+    negative_800: color.red_800,
+    negative_900: color.red_900,
+    negative_950: color.red_950,
+    negative_975: color.red_975,
+  } as const
+
+  const darkPalette: Palette = {
+    white: color.gray_25,
+    black: color.trueBlack,
+    like: color.like,
+
+    contrast_25: color.gray_975,
+    contrast_50: color.gray_950,
+    contrast_100: color.gray_900,
+    contrast_200: color.gray_800,
+    contrast_300: color.gray_700,
+    contrast_400: color.gray_600,
+    contrast_500: color.gray_500,
+    contrast_600: color.gray_400,
+    contrast_700: color.gray_300,
+    contrast_800: color.gray_200,
+    contrast_900: color.gray_100,
+    contrast_950: color.gray_50,
+    contrast_975: color.gray_25,
+
+    primary_25: color.primary_975,
+    primary_50: color.primary_950,
+    primary_100: color.primary_900,
+    primary_200: color.primary_800,
+    primary_300: color.primary_700,
+    primary_400: color.primary_600,
+    primary_500: color.primary_500,
+    primary_600: color.primary_400,
+    primary_700: color.primary_300,
+    primary_800: color.primary_200,
+    primary_900: color.primary_100,
+    primary_950: color.primary_50,
+    primary_975: color.primary_25,
+
+    positive_25: color.green_975,
+    positive_50: color.green_950,
+    positive_100: color.green_900,
+    positive_200: color.green_800,
+    positive_300: color.green_700,
+    positive_400: color.green_600,
+    positive_500: color.green_500,
+    positive_600: color.green_400,
+    positive_700: color.green_300,
+    positive_800: color.green_200,
+    positive_900: color.green_100,
+    positive_950: color.green_50,
+    positive_975: color.green_25,
+
+    negative_25: color.red_975,
+    negative_50: color.red_950,
+    negative_100: color.red_900,
+    negative_200: color.red_800,
+    negative_300: color.red_700,
+    negative_400: color.red_600,
+    negative_500: color.red_500,
+    negative_600: color.red_400,
+    negative_700: color.red_300,
+    negative_800: color.red_200,
+    negative_900: color.red_100,
+    negative_950: color.red_50,
+    negative_975: color.red_25,
+  } as const
+
+  const dimPalette: Palette = {
+    ...darkPalette,
+    black: `hsl(${hues.primary}, 28%, ${dimScale[0]}%)`,
+    like: color.like,
+
+    contrast_25: `hsl(${hues.primary}, 28%, ${dimScale[1]}%)`,
+    contrast_50: `hsl(${hues.primary}, 28%, ${dimScale[2]}%)`,
+    contrast_100: `hsl(${hues.primary}, 28%, ${dimScale[3]}%)`,
+    contrast_200: `hsl(${hues.primary}, 28%, ${dimScale[4]}%)`,
+    contrast_300: `hsl(${hues.primary}, 24%, ${dimScale[5]}%)`,
+    contrast_400: `hsl(${hues.primary}, 24%, ${dimScale[6]}%)`,
+    contrast_500: `hsl(${hues.primary}, 20%, ${dimScale[7]}%)`,
+    contrast_600: `hsl(${hues.primary}, 20%, ${dimScale[8]}%)`,
+    contrast_700: `hsl(${hues.primary}, 20%, ${dimScale[9]}%)`,
+    contrast_800: `hsl(${hues.primary}, 20%, ${dimScale[10]}%)`,
+    contrast_900: `hsl(${hues.primary}, 20%, ${dimScale[11]}%)`,
+    contrast_950: `hsl(${hues.primary}, 20%, ${dimScale[12]}%)`,
+    contrast_975: `hsl(${hues.primary}, 20%, ${dimScale[13]}%)`,
+
+    primary_25: `hsl(${hues.primary}, 50%, ${dimScale[1]}%)`,
+    primary_50: `hsl(${hues.primary}, 60%, ${dimScale[2]}%)`,
+    primary_100: `hsl(${hues.primary}, 70%, ${dimScale[3]}%)`,
+    primary_200: `hsl(${hues.primary}, 82%, ${dimScale[4]}%)`,
+    primary_300: `hsl(${hues.primary}, 90%, ${dimScale[5]}%)`,
+    primary_400: `hsl(${hues.primary}, 95%, ${dimScale[6]}%)`,
+    primary_500: `hsl(${hues.primary}, 99%, ${dimScale[7]}%)`,
+    primary_600: `hsl(${hues.primary}, 99%, ${dimScale[8]}%)`,
+    primary_700: `hsl(${hues.primary}, 99%, ${dimScale[9]}%)`,
+    primary_800: `hsl(${hues.primary}, 99%, ${dimScale[10]}%)`,
+    primary_900: `hsl(${hues.primary}, 99%, ${dimScale[11]}%)`,
+    primary_950: `hsl(${hues.primary}, 99%, ${dimScale[12]}%)`,
+    primary_975: `hsl(${hues.primary}, 99%, ${dimScale[13]}%)`,
+
+    positive_25: `hsl(${hues.positive}, 50%, ${dimScale[1]}%)`,
+    positive_50: `hsl(${hues.positive}, 60%, ${dimScale[2]}%)`,
+    positive_100: `hsl(${hues.positive}, 70%, ${dimScale[3]}%)`,
+    positive_200: `hsl(${hues.positive}, 82%, ${dimScale[4]}%)`,
+    positive_300: `hsl(${hues.positive}, 82%, ${dimScale[5]}%)`,
+    positive_400: `hsl(${hues.positive}, 82%, ${dimScale[6]}%)`,
+    positive_500: `hsl(${hues.positive}, 82%, ${dimScale[7]}%)`,
+    positive_600: `hsl(${hues.positive}, 82%, ${dimScale[8]}%)`,
+    positive_700: `hsl(${hues.positive}, 82%, ${dimScale[9]}%)`,
+    positive_800: `hsl(${hues.positive}, 82%, ${dimScale[10]}%)`,
+    positive_900: `hsl(${hues.positive}, 82%, ${dimScale[11]}%)`,
+    positive_950: `hsl(${hues.positive}, 82%, ${dimScale[12]}%)`,
+    positive_975: `hsl(${hues.positive}, 82%, ${dimScale[13]}%)`,
+
+    negative_25: `hsl(${hues.negative}, 70%, ${dimScale[1]}%)`,
+    negative_50: `hsl(${hues.negative}, 80%, ${dimScale[2]}%)`,
+    negative_100: `hsl(${hues.negative}, 84%, ${dimScale[3]}%)`,
+    negative_200: `hsl(${hues.negative}, 88%, ${dimScale[4]}%)`,
+    negative_300: `hsl(${hues.negative}, 91%, ${dimScale[5]}%)`,
+    negative_400: `hsl(${hues.negative}, 91%, ${dimScale[6]}%)`,
+    negative_500: `hsl(${hues.negative}, 91%, ${dimScale[7]}%)`,
+    negative_600: `hsl(${hues.negative}, 91%, ${dimScale[8]}%)`,
+    negative_700: `hsl(${hues.negative}, 91%, ${dimScale[9]}%)`,
+    negative_800: `hsl(${hues.negative}, 91%, ${dimScale[10]}%)`,
+    negative_900: `hsl(${hues.negative}, 91%, ${dimScale[11]}%)`,
+    negative_950: `hsl(${hues.negative}, 91%, ${dimScale[12]}%)`,
+    negative_975: `hsl(${hues.negative}, 91%, ${dimScale[13]}%)`,
+  } as const
+
+  const light: Theme = {
+    scheme: 'light',
+    name: 'light',
+    palette: lightPalette,
+    atoms: {
+      text: {
+        color: lightPalette.black,
+      },
+      text_contrast_low: {
+        color: lightPalette.contrast_400,
+      },
+      text_contrast_medium: {
+        color: lightPalette.contrast_700,
+      },
+      text_contrast_high: {
+        color: lightPalette.contrast_900,
+      },
+      text_inverted: {
+        color: lightPalette.white,
+      },
+      bg: {
+        backgroundColor: lightPalette.white,
+      },
+      bg_contrast_25: {
+        backgroundColor: lightPalette.contrast_25,
+      },
+      bg_contrast_50: {
+        backgroundColor: lightPalette.contrast_50,
+      },
+      bg_contrast_100: {
+        backgroundColor: lightPalette.contrast_100,
+      },
+      bg_contrast_200: {
+        backgroundColor: lightPalette.contrast_200,
+      },
+      bg_contrast_300: {
+        backgroundColor: lightPalette.contrast_300,
+      },
+      bg_contrast_400: {
+        backgroundColor: lightPalette.contrast_400,
+      },
+      bg_contrast_500: {
+        backgroundColor: lightPalette.contrast_500,
+      },
+      bg_contrast_600: {
+        backgroundColor: lightPalette.contrast_600,
+      },
+      bg_contrast_700: {
+        backgroundColor: lightPalette.contrast_700,
+      },
+      bg_contrast_800: {
+        backgroundColor: lightPalette.contrast_800,
+      },
+      bg_contrast_900: {
+        backgroundColor: lightPalette.contrast_900,
+      },
+      bg_contrast_950: {
+        backgroundColor: lightPalette.contrast_950,
+      },
+      bg_contrast_975: {
+        backgroundColor: lightPalette.contrast_975,
+      },
+      border_contrast_low: {
+        borderColor: lightPalette.contrast_100,
+      },
+      border_contrast_medium: {
+        borderColor: lightPalette.contrast_200,
+      },
+      border_contrast_high: {
+        borderColor: lightPalette.contrast_300,
+      },
+      shadow_sm: {
+        ...atoms.shadow_sm,
+        shadowColor: lightPalette.black,
+      },
+      shadow_md: {
+        ...atoms.shadow_md,
+        shadowColor: lightPalette.black,
+      },
+      shadow_lg: {
+        ...atoms.shadow_lg,
+        shadowColor: lightPalette.black,
+      },
+    },
+  }
+
+  const dark: Theme = {
+    scheme: 'dark',
+    name: 'dark',
+    palette: darkPalette,
+    atoms: {
+      text: {
+        color: darkPalette.white,
+      },
+      text_contrast_low: {
+        color: darkPalette.contrast_400,
+      },
+      text_contrast_medium: {
+        color: darkPalette.contrast_600,
+      },
+      text_contrast_high: {
+        color: darkPalette.contrast_900,
+      },
+      text_inverted: {
+        color: darkPalette.black,
+      },
+      bg: {
+        backgroundColor: darkPalette.black,
+      },
+      bg_contrast_25: {
+        backgroundColor: darkPalette.contrast_25,
+      },
+      bg_contrast_50: {
+        backgroundColor: darkPalette.contrast_50,
+      },
+      bg_contrast_100: {
+        backgroundColor: darkPalette.contrast_100,
+      },
+      bg_contrast_200: {
+        backgroundColor: darkPalette.contrast_200,
+      },
+      bg_contrast_300: {
+        backgroundColor: darkPalette.contrast_300,
+      },
+      bg_contrast_400: {
+        backgroundColor: darkPalette.contrast_400,
+      },
+      bg_contrast_500: {
+        backgroundColor: darkPalette.contrast_500,
+      },
+      bg_contrast_600: {
+        backgroundColor: darkPalette.contrast_600,
+      },
+      bg_contrast_700: {
+        backgroundColor: darkPalette.contrast_700,
+      },
+      bg_contrast_800: {
+        backgroundColor: darkPalette.contrast_800,
+      },
+      bg_contrast_900: {
+        backgroundColor: darkPalette.contrast_900,
+      },
+      bg_contrast_950: {
+        backgroundColor: darkPalette.contrast_950,
+      },
+      bg_contrast_975: {
+        backgroundColor: darkPalette.contrast_975,
+      },
+      border_contrast_low: {
+        borderColor: darkPalette.contrast_100,
+      },
+      border_contrast_medium: {
+        borderColor: darkPalette.contrast_200,
+      },
+      border_contrast_high: {
+        borderColor: darkPalette.contrast_300,
+      },
+      shadow_sm: {
+        ...atoms.shadow_sm,
+        shadowOpacity: 0.7,
+        shadowColor: color.trueBlack,
+      },
+      shadow_md: {
+        ...atoms.shadow_md,
+        shadowOpacity: 0.7,
+        shadowColor: color.trueBlack,
+      },
+      shadow_lg: {
+        ...atoms.shadow_lg,
+        shadowOpacity: 0.7,
+        shadowColor: color.trueBlack,
+      },
+    },
+  }
+
+  const dim: Theme = {
+    ...dark,
+    scheme: 'dark',
+    name: 'dim',
+    palette: dimPalette,
+    atoms: {
+      ...dark.atoms,
+      text: {
+        color: dimPalette.white,
+      },
+      text_contrast_low: {
+        color: dimPalette.contrast_400,
+      },
+      text_contrast_medium: {
+        color: dimPalette.contrast_600,
+      },
+      text_contrast_high: {
+        color: dimPalette.contrast_900,
+      },
+      text_inverted: {
+        color: dimPalette.black,
+      },
+      bg: {
+        backgroundColor: dimPalette.black,
+      },
+      bg_contrast_25: {
+        backgroundColor: dimPalette.contrast_25,
+      },
+      bg_contrast_50: {
+        backgroundColor: dimPalette.contrast_50,
+      },
+      bg_contrast_100: {
+        backgroundColor: dimPalette.contrast_100,
+      },
+      bg_contrast_200: {
+        backgroundColor: dimPalette.contrast_200,
+      },
+      bg_contrast_300: {
+        backgroundColor: dimPalette.contrast_300,
+      },
+      bg_contrast_400: {
+        backgroundColor: dimPalette.contrast_400,
+      },
+      bg_contrast_500: {
+        backgroundColor: dimPalette.contrast_500,
+      },
+      bg_contrast_600: {
+        backgroundColor: dimPalette.contrast_600,
+      },
+      bg_contrast_700: {
+        backgroundColor: dimPalette.contrast_700,
+      },
+      bg_contrast_800: {
+        backgroundColor: dimPalette.contrast_800,
+      },
+      bg_contrast_900: {
+        backgroundColor: dimPalette.contrast_900,
+      },
+      bg_contrast_950: {
+        backgroundColor: dimPalette.contrast_950,
+      },
+      bg_contrast_975: {
+        backgroundColor: dimPalette.contrast_975,
+      },
+      border_contrast_low: {
+        borderColor: dimPalette.contrast_100,
+      },
+      border_contrast_medium: {
+        borderColor: dimPalette.contrast_200,
+      },
+      border_contrast_high: {
+        borderColor: dimPalette.contrast_300,
+      },
+      shadow_sm: {
+        ...atoms.shadow_sm,
+        shadowOpacity: 0.7,
+        shadowColor: `hsl(${hues.primary}, 28%, 6%)`,
+      },
+      shadow_md: {
+        ...atoms.shadow_md,
+        shadowOpacity: 0.7,
+        shadowColor: `hsl(${hues.primary}, 28%, 6%)`,
+      },
+      shadow_lg: {
+        ...atoms.shadow_lg,
+        shadowOpacity: 0.7,
+        shadowColor: `hsl(${hues.primary}, 28%, 6%)`,
+      },
+    },
+  }
+
+  return {
+    lightPalette,
+    darkPalette,
+    dimPalette,
+    light,
+    dark,
+    dim,
+  }
+}
diff --git a/src/alf/tokens.ts b/src/alf/tokens.ts
index ac48bc788..74cc160fc 100644
--- a/src/alf/tokens.ts
+++ b/src/alf/tokens.ts
@@ -1,10 +1,61 @@
-import {tokens} from '@bsky.app/alf'
+import {isAndroid} from '#/platform/detection'
 
-export * from '@bsky.app/alf/dist/tokens'
+export const TRACKING = isAndroid ? 0.1 : 0
 
 export const color = {
-  temp_purple: tokens.labelerColor.purple,
-  temp_purple_dark: tokens.labelerColor.purple_dark,
+  temp_purple: 'rgb(105 0 255)',
+  temp_purple_dark: 'rgb(83 0 202)',
+} as const
+
+export const space = {
+  _2xs: 2,
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  xl: 20,
+  _2xl: 24,
+  _3xl: 28,
+  _4xl: 32,
+  _5xl: 40,
+} as const
+
+export const fontSize = {
+  _2xs: 10,
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20,
+  _2xl: 22,
+  _3xl: 26,
+  _4xl: 32,
+  _5xl: 40,
+} as const
+
+export const lineHeight = {
+  none: 1,
+  normal: 1.5,
+  relaxed: 1.625,
+} as const
+
+export const borderRadius = {
+  _2xs: 2,
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  full: 999,
+} as const
+
+/**
+ * These correspond to Inter font files we actually load.
+ */
+export const fontWeight = {
+  normal: '400',
+  medium: '500',
+  bold: '600',
+  heavy: '800',
 } as const
 
 export const gradients = {
diff --git a/src/alf/typography.tsx b/src/alf/typography.tsx
index 3c3bb9548..c229ab443 100644
--- a/src/alf/typography.tsx
+++ b/src/alf/typography.tsx
@@ -8,6 +8,21 @@ import {isNative} from '#/platform/detection'
 import {isIOS} from '#/platform/detection'
 import {type Alf, applyFonts, atoms, flatten} from '#/alf'
 
+/**
+ * Util to calculate lineHeight from a text size atom and a leading atom
+ *
+ * Example:
+ *   `leading(atoms.text_md, atoms.leading_normal)` // => 24
+ */
+export function leading<
+  Size extends {fontSize?: number},
+  Leading extends {lineHeight?: number},
+>(textSize: Size, leading: Leading) {
+  const size = textSize?.fontSize || atoms.text_md.fontSize
+  const lineHeight = leading?.lineHeight || atoms.leading_normal.lineHeight
+  return Math.round(size * lineHeight)
+}
+
 /**
  * Ensures that `lineHeight` defaults to a relative value of `1`, or applies
  * other relative leading atoms.
diff --git a/src/alf/util/__tests__/colors.test.ts b/src/alf/util/__tests__/colors.test.ts
index 1ecb7394b..350b6ff4a 100644
--- a/src/alf/util/__tests__/colors.test.ts
+++ b/src/alf/util/__tests__/colors.test.ts
@@ -1,7 +1,12 @@
 import {jest} from '@jest/globals'
 
+import {logger} from '#/logger'
 import {transparentifyColor} from '../colorGeneration'
 
+jest.mock('#/logger', () => ({
+  logger: {warn: jest.fn()},
+}))
+
 describe('transparentifyColor', () => {
   beforeEach(() => {
     jest.clearAllMocks()
@@ -36,5 +41,8 @@ describe('transparentifyColor', () => {
     const unsupported = 'blue'
     const result = transparentifyColor(unsupported, 0.5)
     expect(result).toBe(unsupported)
+    expect(logger.warn).toHaveBeenCalledWith(
+      `Could not make '${unsupported}' transparent`,
+    )
   })
 })
diff --git a/src/alf/util/platform.ts b/src/alf/util/platform.ts
index 2f66c76c1..947f2bd16 100644
--- a/src/alf/util/platform.ts
+++ b/src/alf/util/platform.ts
@@ -1 +1,62 @@
-export {android, ios, native, platform, web} from '@bsky.app/alf'
+import {Platform} from 'react-native'
+
+import {isAndroid, isIOS, isNative, isWeb} from '#/platform/detection'
+
+/**
+ * Identity function on web. Returns nothing on other platforms.
+ *
+ * Note: Platform splitting does not tree-shake away the other platforms,
+ * so don't do stuff like e.g. rely on platform-specific imports. Use
+ * platform-split files instead.
+ */
+export function web(value: any) {
+  if (isWeb) {
+    return value
+  }
+}
+
+/**
+ * Identity function on iOS. Returns nothing on other platforms.
+ *
+ * Note: Platform splitting does not tree-shake away the other platforms,
+ * so don't do stuff like e.g. rely on platform-specific imports. Use
+ * platform-split files instead.
+ */
+export function ios(value: any) {
+  if (isIOS) {
+    return value
+  }
+}
+
+/**
+ * Identity function on Android. Returns nothing on other platforms..
+ *
+ * Note: Platform splitting does not tree-shake away the other platforms,
+ * so don't do stuff like e.g. rely on platform-specific imports. Use
+ * platform-split files instead.
+ */
+export function android(value: any) {
+  if (isAndroid) {
+    return value
+  }
+}
+
+/**
+ * Identity function on iOS and Android. Returns nothing on web.
+ *
+ * Note: Platform splitting does not tree-shake away the other platforms,
+ * so don't do stuff like e.g. rely on platform-specific imports. Use
+ * platform-split files instead.
+ */
+export function native(value: any) {
+  if (isNative) {
+    return value
+  }
+}
+
+/**
+ * Note: Platform splitting does not tree-shake away the other platforms,
+ * so don't do stuff like e.g. rely on platform-specific imports. Use
+ * platform-split files instead.
+ */
+export const platform = Platform.select
diff --git a/src/alf/util/systemUI.ts b/src/alf/util/systemUI.ts
index 02b5363ff..9e5769c4c 100644
--- a/src/alf/util/systemUI.ts
+++ b/src/alf/util/systemUI.ts
@@ -1,7 +1,7 @@
 import * as SystemUI from 'expo-system-ui'
-import {type Theme} from '@bsky.app/alf'
 
 import {isAndroid} from '#/platform/detection'
+import {type Theme} from '../types'
 
 export function setSystemUITheme(themeType: 'theme' | 'lightbox', t: Theme) {
   if (isAndroid) {
diff --git a/src/alf/util/themeSelector.ts b/src/alf/util/themeSelector.ts
index b0827342a..c118b6506 100644
--- a/src/alf/util/themeSelector.ts
+++ b/src/alf/util/themeSelector.ts
@@ -1,3 +1,14 @@
-import {utils} from '@bsky.app/alf'
+import {type ThemeName} from '#/alf/types'
 
-export const select = utils.select
+export function select<T>(name: ThemeName, options: Record<ThemeName, T>) {
+  switch (name) {
+    case 'light':
+      return options.light
+    case 'dark':
+      return options.dark || options.dim
+    case 'dim':
+      return options.dim || options.dark
+    default:
+      throw new Error(`select(theme, options) received unknown theme ${name}`)
+  }
+}
diff --git a/src/alf/util/useColorModeTheme.ts b/src/alf/util/useColorModeTheme.ts
index 45bd137ee..f05205314 100644
--- a/src/alf/util/useColorModeTheme.ts
+++ b/src/alf/util/useColorModeTheme.ts
@@ -1,10 +1,10 @@
 import React from 'react'
 import {type ColorSchemeName, useColorScheme} from 'react-native'
-import {type ThemeName} from '@bsky.app/alf'
 
 import {isWeb} from '#/platform/detection'
 import {useThemePrefs} from '#/state/shell'
 import {dark, dim, light} from '#/alf/themes'
+import {type ThemeName} from '#/alf/types'
 
 export function useColorModeTheme(): ThemeName {
   const theme = useThemeName()
diff --git a/src/components/AccountList.tsx b/src/components/AccountList.tsx
index e3b2b7d12..eb770eeca 100644
--- a/src/components/AccountList.tsx
+++ b/src/components/AccountList.tsx
@@ -77,7 +77,7 @@ export function AccountList({
             ]}>
             <Text
               style={[
-                a.font_semi_bold,
+                a.font_bold,
                 a.flex_1,
                 a.flex_row,
                 a.py_sm,
@@ -151,7 +151,7 @@ function AccountItem({
             <View style={[a.flex_row, a.align_center, a.gap_xs]}>
               <Text
                 emoji
-                style={[a.font_semi_bold, a.leading_tight]}
+                style={[a.font_bold, a.leading_tight]}
                 numberOfLines={1}>
                 {sanitizeDisplayName(
                   profile?.displayName || profile?.handle || account.handle,
diff --git a/src/components/BlockedGeoOverlay.tsx b/src/components/BlockedGeoOverlay.tsx
index d6e262687..8dd55c2bf 100644
--- a/src/components/BlockedGeoOverlay.tsx
+++ b/src/components/BlockedGeoOverlay.tsx
@@ -96,7 +96,7 @@ export function BlockedGeoOverlay() {
               <Mark fill={t.palette.primary_600} width={14} />
               <Text
                 style={[
-                  a.font_semi_bold,
+                  a.font_bold,
                   {
                     color: t.palette.primary_600,
                   },
@@ -121,7 +121,8 @@ export function BlockedGeoOverlay() {
               </View>
 
               <View style={[a.mt_xl, a.align_start]}>
-                <Text style={[a.text_lg, a.font_bold, a.leading_snug, a.pb_xs]}>
+                <Text
+                  style={[a.text_lg, a.font_heavy, a.leading_snug, a.pb_xs]}>
                   <Trans>Not in Mississippi?</Trans>
                 </Text>
                 <Text
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 4fb66d077..79af04837 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -240,7 +240,7 @@ export const Button = React.forwardRef<View, ButtonProps>(
           }
         } else if (color === 'secondary') {
           if (!disabled) {
-            baseStyles.push(t.atoms.bg_contrast_50)
+            baseStyles.push(t.atoms.bg_contrast_25)
             hoverStyles.push(t.atoms.bg_contrast_100)
           } else {
             baseStyles.push(t.atoms.bg_contrast_50)
@@ -289,7 +289,11 @@ export const Button = React.forwardRef<View, ButtonProps>(
             })
           } else {
             baseStyles.push({
-              backgroundColor: t.palette.primary_50,
+              backgroundColor: select(t.name, {
+                light: t.palette.primary_25,
+                dim: t.palette.primary_50,
+                dark: t.palette.primary_50,
+              }),
             })
           }
         } else if (color === 'negative_subtle') {
@@ -310,7 +314,11 @@ export const Button = React.forwardRef<View, ButtonProps>(
             })
           } else {
             baseStyles.push({
-              backgroundColor: t.palette.negative_50,
+              backgroundColor: select(t.name, {
+                light: t.palette.negative_25,
+                dim: t.palette.negative_50,
+                dark: t.palette.negative_50,
+              }),
             })
           }
         }
@@ -364,7 +372,7 @@ export const Button = React.forwardRef<View, ButtonProps>(
             if (!disabled) {
               baseStyles.push(t.atoms.bg)
               hoverStyles.push({
-                backgroundColor: t.palette.contrast_50,
+                backgroundColor: t.palette.contrast_25,
               })
             }
           }
@@ -388,7 +396,7 @@ export const Button = React.forwardRef<View, ButtonProps>(
             if (!disabled) {
               baseStyles.push(t.atoms.bg)
               hoverStyles.push({
-                backgroundColor: t.palette.contrast_50,
+                backgroundColor: t.palette.contrast_25,
               })
             }
           }
diff --git a/src/components/ContextMenu/index.tsx b/src/components/ContextMenu/index.tsx
index 7d078bb2d..9d7189473 100644
--- a/src/components/ContextMenu/index.tsx
+++ b/src/components/ContextMenu/index.tsx
@@ -796,7 +796,7 @@ export function ItemText({children, style}: ItemTextProps) {
       style={[
         a.flex_1,
         a.text_md,
-        a.font_semi_bold,
+        a.font_bold,
         t.atoms.text_contrast_high,
         {paddingTop: 3},
         style,
@@ -855,11 +855,7 @@ export function LabelText({children}: {children: React.ReactNode}) {
   const t = useTheme()
   return (
     <Text
-      style={[
-        a.font_semi_bold,
-        t.atoms.text_contrast_medium,
-        {marginBottom: -8},
-      ]}>
+      style={[a.font_bold, t.atoms.text_contrast_medium, {marginBottom: -8}]}>
       {children}
     </Text>
   )
diff --git a/src/components/Dialog/shared.tsx b/src/components/Dialog/shared.tsx
index e9fdf50fa..b5513b19c 100644
--- a/src/components/Dialog/shared.tsx
+++ b/src/components/Dialog/shared.tsx
@@ -62,7 +62,7 @@ export function HeaderText({
   style?: StyleProp<TextStyle>
 }) {
   return (
-    <Text style={[a.text_lg, a.text_center, a.font_bold, style]}>
+    <Text style={[a.text_lg, a.text_center, a.font_heavy, style]}>
       {children}
     </Text>
   )
diff --git a/src/components/Error.tsx b/src/components/Error.tsx
index 92b8b2e7c..dc8e53b46 100644
--- a/src/components/Error.tsx
+++ b/src/components/Error.tsx
@@ -40,7 +40,7 @@ export function Error({
       ]}
       sideBorders={sideBorders}>
       <View style={[a.w_full, a.align_center, a.gap_lg]}>
-        <Text style={[a.font_semi_bold, a.text_3xl]}>{title}</Text>
+        <Text style={[a.font_bold, a.text_3xl]}>{title}</Text>
         <Text
           style={[
             a.text_md,
diff --git a/src/components/FeedCard.tsx b/src/components/FeedCard.tsx
index ed7208779..33905dacd 100644
--- a/src/components/FeedCard.tsx
+++ b/src/components/FeedCard.tsx
@@ -128,7 +128,7 @@ export function TitleAndByline({
     <View style={[a.flex_1]}>
       <Text
         emoji
-        style={[a.text_md, a.font_semi_bold, a.leading_snug]}
+        style={[a.text_md, a.font_bold, a.leading_snug]}
         numberOfLines={1}>
         {title}
       </Text>
@@ -214,7 +214,7 @@ export function DescriptionPlaceholder() {
 export function Likes({count}: {count: number}) {
   const t = useTheme()
   return (
-    <Text style={[a.text_sm, t.atoms.text_contrast_medium, a.font_semi_bold]}>
+    <Text style={[a.text_sm, t.atoms.text_contrast_medium, a.font_bold]}>
       <Trans>
         Liked by <Plural value={count || 0} one="# user" other="# users" />
       </Trans>
diff --git a/src/components/FeedInterstitials.tsx b/src/components/FeedInterstitials.tsx
index 5a65215b1..6278449a0 100644
--- a/src/components/FeedInterstitials.tsx
+++ b/src/components/FeedInterstitials.tsx
@@ -380,7 +380,7 @@ export function ProfileGrid({
           a.justify_between,
         ]}
         pointerEvents={isIOS ? 'auto' : 'box-none'}>
-        <Text style={[a.text_sm, a.font_semi_bold, t.atoms.text]}>
+        <Text style={[a.text_sm, a.font_bold, t.atoms.text]}>
           {isFeedContext ? (
             <Trans>Suggested for you</Trans>
           ) : (
@@ -516,7 +516,7 @@ export function SuggestedFeeds() {
           style={[
             a.flex_1,
             a.text_lg,
-            a.font_semi_bold,
+            a.font_bold,
             t.atoms.text_contrast_medium,
           ]}>
           <Trans>Some other feeds you might like</Trans>
diff --git a/src/components/LabelingServiceCard/index.tsx b/src/components/LabelingServiceCard/index.tsx
index ecb47a758..990dbb1c6 100644
--- a/src/components/LabelingServiceCard/index.tsx
+++ b/src/components/LabelingServiceCard/index.tsx
@@ -45,7 +45,7 @@ export function Avatar({avatar}: {avatar?: string}) {
 
 export function Title({value}: {value: string}) {
   return (
-    <Text emoji style={[a.text_md, a.font_semi_bold, a.leading_tight]}>
+    <Text emoji style={[a.text_md, a.font_bold, a.leading_tight]}>
       {value}
     </Text>
   )
diff --git a/src/components/Layout/Header/index.tsx b/src/components/Layout/Header/index.tsx
index 596540a23..1a049a696 100644
--- a/src/components/Layout/Header/index.tsx
+++ b/src/components/Layout/Header/index.tsx
@@ -181,7 +181,7 @@ export function TitleText({
     <Text
       style={[
         a.text_lg,
-        a.font_bold,
+        a.font_heavy,
         a.leading_tight,
         isIOS && align === 'platform' && a.text_center,
         gtMobile && a.text_xl,
diff --git a/src/components/ListCard.tsx b/src/components/ListCard.tsx
index d1c4d8236..e34830ea9 100644
--- a/src/components/ListCard.tsx
+++ b/src/components/ListCard.tsx
@@ -127,7 +127,7 @@ export function TitleAndByline({
         allowOverride={creator && currentAccount?.did === creator.did}>
         <Hider.Mask>
           <Text
-            style={[a.text_md, a.font_semi_bold, a.leading_snug, a.italic]}
+            style={[a.text_md, a.font_bold, a.leading_snug, a.italic]}
             numberOfLines={1}>
             <Trans>Hidden list</Trans>
           </Text>
@@ -135,7 +135,7 @@ export function TitleAndByline({
         <Hider.Content>
           <Text
             emoji
-            style={[a.text_md, a.font_semi_bold, a.leading_snug]}
+            style={[a.text_md, a.font_bold, a.leading_snug]}
             numberOfLines={1}>
             {title}
           </Text>
diff --git a/src/components/LoggedOutCTA.tsx b/src/components/LoggedOutCTA.tsx
index de0e23dc9..0bafbd45f 100644
--- a/src/components/LoggedOutCTA.tsx
+++ b/src/components/LoggedOutCTA.tsx
@@ -50,7 +50,7 @@ export function LoggedOutCTA({style, gateName}: LoggedOutCTAProps) {
         <View style={[a.flex_row, a.align_center, a.flex_1, a.pr_md]}>
           <Logo width={30} style={[a.mr_md]} />
           <View style={[a.flex_1]}>
-            <Text style={[a.text_lg, a.font_semi_bold, a.leading_snug]}>
+            <Text style={[a.text_lg, a.font_bold, a.leading_snug]}>
               <Trans>Join Bluesky</Trans>
             </Text>
             <Text
diff --git a/src/components/Menu/index.tsx b/src/components/Menu/index.tsx
index ab911eb05..94438724c 100644
--- a/src/components/Menu/index.tsx
+++ b/src/components/Menu/index.tsx
@@ -191,7 +191,7 @@ export function ItemText({children, style}: ItemTextProps) {
       style={[
         a.flex_1,
         a.text_md,
-        a.font_semi_bold,
+        a.font_bold,
         t.atoms.text_contrast_high,
         {paddingTop: 3},
         style,
@@ -293,7 +293,7 @@ export function LabelText({
   return (
     <Text
       style={[
-        a.font_semi_bold,
+        a.font_bold,
         t.atoms.text_contrast_medium,
         {marginBottom: -8},
         style,
diff --git a/src/components/Menu/index.web.tsx b/src/components/Menu/index.web.tsx
index 242449bf4..8d26c8f03 100644
--- a/src/components/Menu/index.web.tsx
+++ b/src/components/Menu/index.web.tsx
@@ -292,7 +292,7 @@ export function ItemText({children, style}: ItemTextProps) {
     <Text
       style={[
         a.flex_1,
-        a.font_semi_bold,
+        a.font_bold,
         t.atoms.text_contrast_high,
         style,
         disabled && t.atoms.text_contrast_low,
@@ -372,7 +372,7 @@ export function LabelText({
   return (
     <Text
       style={[
-        a.font_semi_bold,
+        a.font_bold,
         a.p_sm,
         t.atoms.text_contrast_low,
         a.leading_snug,
diff --git a/src/components/NewskieDialog.tsx b/src/components/NewskieDialog.tsx
index 272cc750f..0453d40d7 100644
--- a/src/components/NewskieDialog.tsx
+++ b/src/components/NewskieDialog.tsx
@@ -135,7 +135,7 @@ function DialogInner({
               style={[a.absolute, a.inset_0]}
             />
           </View>
-          <Text style={[a.font_semi_bold, a.text_xl]}>
+          <Text style={[a.font_bold, a.text_xl]}>
             {isMe ? <Trans>Welcome, friend!</Trans> : <Trans>Say hello!</Trans>}
           </Text>
         </View>
diff --git a/src/components/Pills.tsx b/src/components/Pills.tsx
index 4469c83bd..550089a80 100644
--- a/src/components/Pills.tsx
+++ b/src/components/Pills.tsx
@@ -133,7 +133,7 @@ export function Label({
               emoji
               style={[
                 text,
-                a.font_semi_bold,
+                a.font_bold,
                 a.leading_tight,
                 t.atoms.text_contrast_medium,
                 {paddingRight: 3},
diff --git a/src/components/PolicyUpdateOverlay/Badge.tsx b/src/components/PolicyUpdateOverlay/Badge.tsx
index b3bb8b77b..3829f60a5 100644
--- a/src/components/PolicyUpdateOverlay/Badge.tsx
+++ b/src/components/PolicyUpdateOverlay/Badge.tsx
@@ -25,7 +25,7 @@ export function Badge() {
         <Logo fill={t.palette.primary_600} width={14} />
         <Text
           style={[
-            a.font_semi_bold,
+            a.font_bold,
             {
               color: t.palette.primary_600,
             },
diff --git a/src/components/PolicyUpdateOverlay/updates/202508/index.tsx b/src/components/PolicyUpdateOverlay/updates/202508/index.tsx
index 8365057e8..e1d205fcc 100644
--- a/src/components/PolicyUpdateOverlay/updates/202508/index.tsx
+++ b/src/components/PolicyUpdateOverlay/updates/202508/index.tsx
@@ -69,7 +69,7 @@ export function Content({state}: {state: PolicyUpdateState}) {
 
         {screenReaderEnabled ? (
           <View style={[a.gap_sm]}>
-            <Text emoji style={[a.text_2xl, a.font_semi_bold, a.leading_snug]}>
+            <Text emoji style={[a.text_2xl, a.font_bold, a.leading_snug]}>
               <Trans>Hey there 👋</Trans>
             </Text>
             <Text style={[a.leading_snug, a.text_md]}>
@@ -115,7 +115,7 @@ export function Content({state}: {state: PolicyUpdateState}) {
           </View>
         ) : (
           <View style={[a.gap_sm]}>
-            <Text emoji style={[a.text_2xl, a.font_semi_bold, a.leading_snug]}>
+            <Text emoji style={[a.text_2xl, a.font_bold, a.leading_snug]}>
               <Trans>Hey there 👋</Trans>
             </Text>
             <Text style={[a.leading_snug, a.text_md]}>
diff --git a/src/components/Post/Embed/ExternalEmbed/index.tsx b/src/components/Post/Embed/ExternalEmbed/index.tsx
index 7911df726..714eaecd6 100644
--- a/src/components/Post/Embed/ExternalEmbed/index.tsx
+++ b/src/components/Post/Embed/ExternalEmbed/index.tsx
@@ -126,7 +126,7 @@ export const ExternalEmbed = ({
                 <Text
                   emoji
                   numberOfLines={3}
-                  style={[a.text_md, a.font_semi_bold, a.leading_snug]}>
+                  style={[a.text_md, a.font_bold, a.leading_snug]}>
                   {link.title || link.uri}
                 </Text>
               )}
diff --git a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/TimeIndicator.tsx b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/TimeIndicator.tsx
index 01828011b..67af7618c 100644
--- a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/TimeIndicator.tsx
+++ b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/TimeIndicator.tsx
@@ -54,7 +54,7 @@ export function TimeIndicator({
       <Text
         style={[
           {color: t.palette.white, fontSize: 12, fontVariant: ['tabular-nums']},
-          a.font_semi_bold,
+          a.font_bold,
           {lineHeight: 1.25},
         ]}>
         {`${minutes}:${seconds}`}
diff --git a/src/components/PostControls/PostControlButton.tsx b/src/components/PostControls/PostControlButton.tsx
index 9a24eb917..f7070c4c8 100644
--- a/src/components/PostControls/PostControlButton.tsx
+++ b/src/components/PostControls/PostControlButton.tsx
@@ -128,12 +128,7 @@ export function PostControlButtonText({style, ...props}: TextProps) {
 
   return (
     <Text
-      style={[
-        color,
-        big ? a.text_md : a.text_sm,
-        active && a.font_semi_bold,
-        style,
-      ]}
+      style={[color, big ? a.text_md : a.text_sm, active && a.font_bold, style]}
       {...props}
     />
   )
diff --git a/src/components/PostControls/RepostButton.tsx b/src/components/PostControls/RepostButton.tsx
index f34e37c29..d4a3960a7 100644
--- a/src/components/PostControls/RepostButton.tsx
+++ b/src/components/PostControls/RepostButton.tsx
@@ -157,7 +157,7 @@ let RepostButtonDialogInner = ({
             variant="ghost"
             color="primary">
             <Repost size="lg" fill={t.palette.primary_500} />
-            <Text style={[a.font_semi_bold, a.text_xl]}>
+            <Text style={[a.font_bold, a.text_xl]}>
               {isReposted ? (
                 <Trans>Remove repost</Trans>
               ) : (
@@ -188,7 +188,7 @@ let RepostButtonDialogInner = ({
             />
             <Text
               style={[
-                a.font_semi_bold,
+                a.font_bold,
                 a.text_xl,
                 embeddingDisabled && t.atoms.text_contrast_low,
               ]}>
diff --git a/src/components/PostControls/ShareMenu/RecentChats.tsx b/src/components/PostControls/ShareMenu/RecentChats.tsx
index 28724061f..4b94e0df9 100644
--- a/src/components/PostControls/ShareMenu/RecentChats.tsx
+++ b/src/components/PostControls/ShareMenu/RecentChats.tsx
@@ -203,7 +203,7 @@ function NoConvos() {
           a.text_sm,
           t.atoms.text_contrast_high,
           a.text_center,
-          a.font_semi_bold,
+          a.font_bold,
         ]}>
         <Trans>Start a conversation, and it will appear here.</Trans>
       </Text>
diff --git a/src/components/ProfileCard.tsx b/src/components/ProfileCard.tsx
index 70323f9fc..095b62167 100644
--- a/src/components/ProfileCard.tsx
+++ b/src/components/ProfileCard.tsx
@@ -233,7 +233,7 @@ function InlineNameAndHandle({
       <Text
         emoji
         style={[
-          a.font_semi_bold,
+          a.font_bold,
           a.leading_tight,
           a.flex_shrink_0,
           {maxWidth: '70%'},
@@ -287,7 +287,7 @@ export function Name({
         emoji
         style={[
           a.text_md,
-          a.font_semi_bold,
+          a.font_bold,
           a.leading_snug,
           a.self_start,
           a.flex_shrink,
diff --git a/src/components/ProfileHoverCard/index.web.tsx b/src/components/ProfileHoverCard/index.web.tsx
index 5a5e2e163..5aa57cde1 100644
--- a/src/components/ProfileHoverCard/index.web.tsx
+++ b/src/components/ProfileHoverCard/index.web.tsx
@@ -515,7 +515,7 @@ function Inner({
           <View style={[a.flex_row, a.align_center, a.pt_md, a.pb_xs]}>
             <Text
               numberOfLines={1}
-              style={[a.text_lg, a.font_semi_bold, a.self_start]}>
+              style={[a.text_lg, a.font_bold, a.self_start]}>
               {sanitizeDisplayName(
                 profile.displayName || sanitizeHandle(profile.handle),
                 moderation.ui('displayName'),
@@ -562,7 +562,7 @@ function Inner({
               label={`${followers} ${pluralizedFollowers}`}
               style={[t.atoms.text]}
               onPress={hide}>
-              <Text style={[a.text_md, a.font_semi_bold]}>{followers} </Text>
+              <Text style={[a.text_md, a.font_bold]}>{followers} </Text>
               <Text style={[t.atoms.text_contrast_medium]}>
                 {pluralizedFollowers}
               </Text>
@@ -572,7 +572,7 @@ function Inner({
               label={_(msg`${following} following`)}
               style={[t.atoms.text]}
               onPress={hide}>
-              <Text style={[a.text_md, a.font_semi_bold]}>{following} </Text>
+              <Text style={[a.text_md, a.font_bold]}>{following} </Text>
               <Text style={[t.atoms.text_contrast_medium]}>
                 {pluralizedFollowings}
               </Text>
diff --git a/src/components/ProgressGuide/FollowDialog.tsx b/src/components/ProgressGuide/FollowDialog.tsx
index 3dd308e83..c4a5f0fa0 100644
--- a/src/components/ProgressGuide/FollowDialog.tsx
+++ b/src/components/ProgressGuide/FollowDialog.tsx
@@ -360,7 +360,7 @@ function HeaderTop({guide}: {guide: Follow10ProgressGuide}) {
         style={[
           a.z_10,
           a.text_lg,
-          a.font_bold,
+          a.font_heavy,
           a.leading_tight,
           t.atoms.text_contrast_high,
         ]}>
diff --git a/src/components/ProgressGuide/List.tsx b/src/components/ProgressGuide/List.tsx
index cae307a6d..52fc4c27a 100644
--- a/src/components/ProgressGuide/List.tsx
+++ b/src/components/ProgressGuide/List.tsx
@@ -28,7 +28,7 @@ export function ProgressGuideList({style}: {style?: StyleProp<ViewStyle>}) {
           <Text
             style={[
               t.atoms.text_contrast_medium,
-              a.font_semi_bold,
+              a.font_bold,
               a.text_sm,
               {textTransform: 'uppercase'},
             ]}>
diff --git a/src/components/ProgressGuide/Task.tsx b/src/components/ProgressGuide/Task.tsx
index 449a28fcd..b9ba3fd9a 100644
--- a/src/components/ProgressGuide/Task.tsx
+++ b/src/components/ProgressGuide/Task.tsx
@@ -39,7 +39,7 @@ export function ProgressGuideTask({
         <Text
           style={[
             a.text_sm,
-            a.font_semi_bold,
+            a.font_bold,
             a.leading_tight,
             tabularNumsTitle && {fontVariant: ['tabular-nums']},
           ]}>
diff --git a/src/components/ProgressGuide/Toast.tsx b/src/components/ProgressGuide/Toast.tsx
index ad0feff2e..d4ac771b2 100644
--- a/src/components/ProgressGuide/Toast.tsx
+++ b/src/components/ProgressGuide/Toast.tsx
@@ -160,7 +160,7 @@ export const ProgressGuideToast = React.forwardRef<
               ref={animatedCheckRef}
             />
             <View>
-              <Text style={[a.text_md, a.font_semi_bold]}>{title}</Text>
+              <Text style={[a.text_md, a.font_bold]}>{title}</Text>
               {subtitle && (
                 <Text style={[a.text_sm, t.atoms.text_contrast_medium]}>
                   {subtitle}
diff --git a/src/components/Prompt.tsx b/src/components/Prompt.tsx
index a7bd89521..626d8316d 100644
--- a/src/components/Prompt.tsx
+++ b/src/components/Prompt.tsx
@@ -77,7 +77,7 @@ export function TitleText({
       style={[
         a.flex_1,
         a.text_2xl,
-        a.font_semi_bold,
+        a.font_bold,
         a.pb_sm,
         a.leading_snug,
         style,
diff --git a/src/components/ReportDialog/SelectLabelerView.tsx b/src/components/ReportDialog/SelectLabelerView.tsx
index 02b324442..be666ced1 100644
--- a/src/components/ReportDialog/SelectLabelerView.tsx
+++ b/src/components/ReportDialog/SelectLabelerView.tsx
@@ -24,7 +24,7 @@ export function SelectLabelerView({
   return (
     <View style={[a.gap_lg]}>
       <View style={[a.justify_center, gtMobile ? a.gap_sm : a.gap_xs]}>
-        <Text style={[a.text_2xl, a.font_semi_bold]}>
+        <Text style={[a.text_2xl, a.font_bold]}>
           <Trans>Select moderator</Trans>
         </Text>
         <Text style={[a.text_md, t.atoms.text_contrast_medium]}>
@@ -75,8 +75,7 @@ function LabelerButton({
             handle: labeler.creator.handle,
           })}
         />
-        <Text
-          style={[t.atoms.text_contrast_medium, a.text_sm, a.font_semi_bold]}>
+        <Text style={[t.atoms.text_contrast_medium, a.text_sm, a.font_bold]}>
           @{labeler.creator.handle}
         </Text>
       </LabelingServiceCard.Content>
diff --git a/src/components/ReportDialog/SelectReportOptionView.tsx b/src/components/ReportDialog/SelectReportOptionView.tsx
index 0fd321cdf..f5165f8f7 100644
--- a/src/components/ReportDialog/SelectReportOptionView.tsx
+++ b/src/components/ReportDialog/SelectReportOptionView.tsx
@@ -85,7 +85,7 @@ export function SelectReportOptionView(props: {
       ) : null}
 
       <View style={[a.justify_center, gtMobile ? a.gap_sm : a.gap_xs]}>
-        <Text style={[a.text_2xl, a.font_semi_bold]}>{i18n.title}</Text>
+        <Text style={[a.text_2xl, a.font_bold]}>{i18n.title}</Text>
         <Text style={[a.text_md, t.atoms.text_contrast_medium]}>
           {i18n.description}
         </Text>
@@ -173,8 +173,7 @@ function ReportOptionButton({
         interacted && t.atoms.bg_contrast_50,
       ]}>
       <View style={[a.flex_1, a.gap_xs]}>
-        <Text
-          style={[a.text_md, a.font_semi_bold, t.atoms.text_contrast_medium]}>
+        <Text style={[a.text_md, a.font_bold, t.atoms.text_contrast_medium]}>
           {title}
         </Text>
         <Text style={[a.leading_tight, {maxWidth: 400}]}>{description}</Text>
diff --git a/src/components/ReportDialog/SubmitView.tsx b/src/components/ReportDialog/SubmitView.tsx
index 3dbb1389d..418f364a7 100644
--- a/src/components/ReportDialog/SubmitView.tsx
+++ b/src/components/ReportDialog/SubmitView.tsx
@@ -125,7 +125,7 @@ export function SubmitView({
           t.atoms.border_contrast_low,
         ]}>
         <View style={[a.flex_1, a.gap_xs]}>
-          <Text style={[a.text_md, a.font_semi_bold]}>
+          <Text style={[a.text_md, a.font_bold]}>
             {selectedReportOption.title}
           </Text>
           <Text style={[a.leading_tight, {maxWidth: 400}]}>
diff --git a/src/components/SearchError.tsx b/src/components/SearchError.tsx
index 07a6ca1b2..633710e34 100644
--- a/src/components/SearchError.tsx
+++ b/src/components/SearchError.tsx
@@ -36,13 +36,7 @@ export function SearchError({
             {maxWidth: gtMobile ? 394 : 294},
             gtMobile ? a.gap_md : a.gap_sm,
           ]}>
-          <Text
-            style={[
-              a.font_semi_bold,
-              a.text_lg,
-              a.text_center,
-              a.leading_snug,
-            ]}>
+          <Text style={[a.font_bold, a.text_lg, a.text_center, a.leading_snug]}>
             {title}
           </Text>
           {children}
diff --git a/src/components/Select/index.tsx b/src/components/Select/index.tsx
index 33a828911..82520f12a 100644
--- a/src/components/Select/index.tsx
+++ b/src/components/Select/index.tsx
@@ -280,7 +280,7 @@ export function ItemText({children}: ItemTextProps) {
   // eslint-disable-next-line bsky-internal/avoid-unwrapped-text
   return (
     <View style={[a.flex_1, a.py_md, a.border_b, t.atoms.border_contrast_low]}>
-      <Text style={[a.text_md, selected && a.font_semi_bold]}>{children}</Text>
+      <Text style={[a.text_md, selected && a.font_bold]}>{children}</Text>
     </View>
   )
 }
diff --git a/src/components/Select/index.web.tsx b/src/components/Select/index.web.tsx
index f53749ef0..4e92d3c51 100644
--- a/src/components/Select/index.web.tsx
+++ b/src/components/Select/index.web.tsx
@@ -259,7 +259,7 @@ export function Item({ref, value, style, children}: ItemProps) {
         a.text_sm,
         {outline: 0},
         (hovered || focused) && {backgroundColor: t.palette.primary_50},
-        selected && [a.font_semi_bold],
+        selected && [a.font_bold],
         a.transition_color,
         style,
       ])}>
diff --git a/src/components/StarterPack/ProfileStarterPacks.tsx b/src/components/StarterPack/ProfileStarterPacks.tsx
index ecb5357e0..7252a1162 100644
--- a/src/components/StarterPack/ProfileStarterPacks.tsx
+++ b/src/components/StarterPack/ProfileStarterPacks.tsx
@@ -255,7 +255,7 @@ function Empty() {
         {marginTop: a.border.borderWidth},
       ]}>
       <View style={[a.gap_xs]}>
-        <Text style={[a.font_semi_bold, a.text_lg, {color: 'white'}]}>
+        <Text style={[a.font_bold, a.text_lg, {color: 'white'}]}>
           <Trans>You haven't created a starter pack yet!</Trans>
         </Text>
         <Text style={[a.text_md, {color: 'white'}]}>
diff --git a/src/components/StarterPack/QrCode.tsx b/src/components/StarterPack/QrCode.tsx
index 64c5cf50f..4c28a41c5 100644
--- a/src/components/StarterPack/QrCode.tsx
+++ b/src/components/StarterPack/QrCode.tsx
@@ -54,19 +54,14 @@ export function QrCode({
         ]}>
         <View style={[a.gap_sm]}>
           <Text
-            style={[
-              a.font_semi_bold,
-              a.text_3xl,
-              a.text_center,
-              {color: 'white'},
-            ]}>
+            style={[a.font_bold, a.text_3xl, a.text_center, {color: 'white'}]}>
             {record.name}
           </Text>
         </View>
         <View style={[a.gap_xl, a.align_center]}>
           <Text
             style={[
-              a.font_semi_bold,
+              a.font_bold,
               a.text_center,
               {color: 'white', fontSize: 18},
             ]}>
@@ -81,7 +76,7 @@ export function QrCode({
               a.flex,
               a.flex_row,
               a.align_center,
-              a.font_semi_bold,
+              a.font_bold,
               {color: 'white', fontSize: 18, gap: 6},
             ]}>
             <Trans>
diff --git a/src/components/StarterPack/ShareDialog.tsx b/src/components/StarterPack/ShareDialog.tsx
index 6c282f117..32932fe2d 100644
--- a/src/components/StarterPack/ShareDialog.tsx
+++ b/src/components/StarterPack/ShareDialog.tsx
@@ -77,7 +77,7 @@ function ShareDialogInner({
         ) : (
           <View style={[!gtMobile && a.gap_lg]}>
             <View style={[a.gap_sm, gtMobile && a.pb_lg]}>
-              <Text style={[a.font_semi_bold, a.text_2xl]}>
+              <Text style={[a.font_bold, a.text_2xl]}>
                 <Trans>Invite people to this starter pack!</Trans>
               </Text>
               <Text style={[a.text_md, t.atoms.text_contrast_medium]}>
diff --git a/src/components/StarterPack/StarterPackCard.tsx b/src/components/StarterPack/StarterPackCard.tsx
index e58c2ed27..d889b2e72 100644
--- a/src/components/StarterPack/StarterPackCard.tsx
+++ b/src/components/StarterPack/StarterPackCard.tsx
@@ -77,7 +77,7 @@ export function Card({
         <View style={[a.flex_1]}>
           <Text
             emoji
-            style={[a.text_md, a.font_semi_bold, a.leading_snug]}
+            style={[a.text_md, a.font_bold, a.leading_snug]}
             numberOfLines={2}>
             {record.name}
           </Text>
@@ -97,7 +97,7 @@ export function Card({
         </Text>
       ) : null}
       {!!joinedAllTimeCount && joinedAllTimeCount >= 50 && (
-        <Text style={[a.font_semi_bold, t.atoms.text_contrast_medium]}>
+        <Text style={[a.font_bold, t.atoms.text_contrast_medium]}>
           <Trans comment="Number of users (always at least 50) who have joined Bluesky using a specific starter pack">
             <Plural value={joinedAllTimeCount} other="# users have" /> joined!
           </Trans>
diff --git a/src/components/StarterPack/Wizard/WizardEditListDialog.tsx b/src/components/StarterPack/Wizard/WizardEditListDialog.tsx
index b1103bb4c..7dfde900f 100644
--- a/src/components/StarterPack/Wizard/WizardEditListDialog.tsx
+++ b/src/components/StarterPack/Wizard/WizardEditListDialog.tsx
@@ -105,7 +105,7 @@ export function WizardEditListDialog({
                 : [a.pb_sm, a.align_end],
             ]}>
             <View style={{width: 60}} />
-            <Text style={[a.font_semi_bold, a.text_xl]}>
+            <Text style={[a.font_bold, a.text_xl]}>
               {state.currentStep === 'Profiles' ? (
                 <Trans>Edit People</Trans>
               ) : (
diff --git a/src/components/StarterPack/Wizard/WizardListCard.tsx b/src/components/StarterPack/Wizard/WizardListCard.tsx
index 4b7431157..09c265d78 100644
--- a/src/components/StarterPack/Wizard/WizardListCard.tsx
+++ b/src/components/StarterPack/Wizard/WizardListCard.tsx
@@ -83,7 +83,7 @@ function WizardListCard({
           emoji
           style={[
             a.flex_1,
-            a.font_semi_bold,
+            a.font_bold,
             a.text_md,
             a.leading_tight,
             a.self_start,
diff --git a/src/components/SubtleWebHover.web.tsx b/src/components/SubtleWebHover.web.tsx
index 8e7b48f93..af00cf43a 100644
--- a/src/components/SubtleWebHover.web.tsx
+++ b/src/components/SubtleWebHover.web.tsx
@@ -11,7 +11,7 @@ export function SubtleWebHover({
   if (isTouchDevice) {
     return null
   }
-  let opacity = 0.5
+  let opacity: number
   switch (t.name) {
     case 'dark':
       opacity = 0.4
diff --git a/src/components/TrendingTopics.tsx b/src/components/TrendingTopics.tsx
index b2ee8140e..50e0fc5ed 100644
--- a/src/components/TrendingTopics.tsx
+++ b/src/components/TrendingTopics.tsx
@@ -90,7 +90,7 @@ export function TrendingTopic({
 
       <Text
         style={[
-          a.font_semi_bold,
+          a.font_bold,
           a.leading_tight,
           isSmall ? [a.text_sm] : [a.text_md, {paddingBottom: 1}],
         ]}
diff --git a/src/components/VideoPostCard.tsx b/src/components/VideoPostCard.tsx
index 840cef19e..010ab075d 100644
--- a/src/components/VideoPostCard.tsx
+++ b/src/components/VideoPostCard.tsx
@@ -227,8 +227,7 @@ export function VideoPostCard({
                   {likeCount > 0 && (
                     <View style={[a.flex_row, a.align_center, a.gap_xs]}>
                       <Heart size="sm" fill="white" />
-                      <Text
-                        style={[a.text_sm, a.font_semi_bold, {color: 'white'}]}>
+                      <Text style={[a.text_sm, a.font_bold, {color: 'white'}]}>
                         {formatCount(i18n, likeCount)}
                       </Text>
                     </View>
@@ -236,8 +235,7 @@ export function VideoPostCard({
                   {repostCount > 0 && (
                     <View style={[a.flex_row, a.align_center, a.gap_xs]}>
                       <Repost size="sm" fill="white" />
-                      <Text
-                        style={[a.text_sm, a.font_semi_bold, {color: 'white'}]}>
+                      <Text style={[a.text_sm, a.font_bold, {color: 'white'}]}>
                         {formatCount(i18n, repostCount)}
                       </Text>
                     </View>
@@ -522,11 +520,7 @@ export function CompactVideoPostCard({
                       <View style={[a.flex_row, a.align_center, a.gap_xs]}>
                         <Heart size="sm" fill="white" />
                         <Text
-                          style={[
-                            a.text_sm,
-                            a.font_semi_bold,
-                            {color: 'white'},
-                          ]}>
+                          style={[a.text_sm, a.font_bold, {color: 'white'}]}>
                           {formatCount(i18n, likeCount)}
                         </Text>
                       </View>
diff --git a/src/components/WelcomeModal.tsx b/src/components/WelcomeModal.tsx
index 1271a5f3a..7c9ecd84d 100644
--- a/src/components/WelcomeModal.tsx
+++ b/src/components/WelcomeModal.tsx
@@ -108,7 +108,7 @@ export function WelcomeModal({control}: WelcomeModalProps) {
                   <Text
                     style={[
                       a.text_2xl,
-                      a.font_semi_bold,
+                      a.font_bold,
                       a.user_select_none,
                       {color: '#354358', letterSpacing: -0.5},
                     ]}>
@@ -127,7 +127,7 @@ export function WelcomeModal({control}: WelcomeModalProps) {
                 <Text
                   style={[
                     gtMobile ? a.text_4xl : a.text_3xl,
-                    a.font_semi_bold,
+                    a.font_bold,
                     a.text_center,
                     {color: '#354358'},
                     web({
diff --git a/src/components/WhoCanReply.tsx b/src/components/WhoCanReply.tsx
index a10508f2e..ee939939d 100644
--- a/src/components/WhoCanReply.tsx
+++ b/src/components/WhoCanReply.tsx
@@ -188,7 +188,7 @@ function WhoCanReplyDialog({
         label={_(msg`Dialog: adjust who can interact with this post`)}
         style={web({maxWidth: 400})}>
         <View style={[a.gap_sm]}>
-          <Text style={[a.font_semi_bold, a.text_xl, a.pb_sm]}>
+          <Text style={[a.font_bold, a.text_xl, a.pb_sm]}>
             <Trans>Who can interact with this post?</Trans>
           </Text>
           <Rules
diff --git a/src/components/activity-notifications/SubscribeProfileDialog.tsx b/src/components/activity-notifications/SubscribeProfileDialog.tsx
index 92f53e612..d1ab2842d 100644
--- a/src/components/activity-notifications/SubscribeProfileDialog.tsx
+++ b/src/components/activity-notifications/SubscribeProfileDialog.tsx
@@ -219,7 +219,7 @@ function DialogInner({
       label={_(msg`Get notified of new posts from ${name}`)}>
       <View style={[a.gap_lg]}>
         <View style={[a.gap_xs]}>
-          <Text style={[a.font_bold, a.text_2xl]}>
+          <Text style={[a.font_heavy, a.text_2xl]}>
             <Trans>Keep me posted</Trans>
           </Text>
           <Text style={[t.atoms.text_contrast_medium, a.text_md]}>
diff --git a/src/components/ageAssurance/AgeAssuranceAdmonition.tsx b/src/components/ageAssurance/AgeAssuranceAdmonition.tsx
index 028e1dad5..e53c37b34 100644
--- a/src/components/ageAssurance/AgeAssuranceAdmonition.tsx
+++ b/src/components/ageAssurance/AgeAssuranceAdmonition.tsx
@@ -82,13 +82,13 @@ function Inner({
           </View>
           <View style={[a.flex_1, a.gap_xs, a.pr_4xl]}>
             <Text style={[a.text_sm, a.leading_snug]}>{children}</Text>
-            <Text style={[a.text_sm, a.leading_snug, a.font_semi_bold]}>
+            <Text style={[a.text_sm, a.leading_snug, a.font_bold]}>
               <Trans>
                 Learn more in your{' '}
                 <InlineLinkText
                   label={_(msg`Go to account settings`)}
                   to={'/settings/account'}
-                  style={[a.text_sm, a.leading_snug, a.font_semi_bold]}
+                  style={[a.text_sm, a.leading_snug, a.font_bold]}
                   onPress={() => {
                     logger.metric('ageAssurance:navigateToSettings', {})
                   }}>
diff --git a/src/components/ageAssurance/AgeAssuranceAppealDialog.tsx b/src/components/ageAssurance/AgeAssuranceAppealDialog.tsx
index a63c348fb..b9dcff706 100644
--- a/src/components/ageAssurance/AgeAssuranceAppealDialog.tsx
+++ b/src/components/ageAssurance/AgeAssuranceAppealDialog.tsx
@@ -89,7 +89,7 @@ function Inner({control}: {control: Dialog.DialogControlProps}) {
         <AgeAssuranceBadge />
       </View>
 
-      <Text style={[a.text_2xl, a.font_bold, a.pt_md, a.leading_tight]}>
+      <Text style={[a.text_2xl, a.font_heavy, a.pt_md, a.leading_tight]}>
         <Trans>Contact us</Trans>
       </Text>
 
diff --git a/src/components/ageAssurance/AgeAssuranceBadge.tsx b/src/components/ageAssurance/AgeAssuranceBadge.tsx
index f8b5ee9b2..030e30529 100644
--- a/src/components/ageAssurance/AgeAssuranceBadge.tsx
+++ b/src/components/ageAssurance/AgeAssuranceBadge.tsx
@@ -29,7 +29,7 @@ export function AgeAssuranceBadge() {
       <Shield size="sm" />
       <Text
         style={[
-          a.font_semi_bold,
+          a.font_bold,
           a.leading_snug,
           {
             color: select(t.name, {
diff --git a/src/components/ageAssurance/AgeAssuranceInitDialog.tsx b/src/components/ageAssurance/AgeAssuranceInitDialog.tsx
index 2f6c041dc..08fd5f84f 100644
--- a/src/components/ageAssurance/AgeAssuranceInitDialog.tsx
+++ b/src/components/ageAssurance/AgeAssuranceInitDialog.tsx
@@ -178,7 +178,7 @@ function Inner() {
       <View style={[a.align_start]}>
         <AgeAssuranceBadge />
 
-        <Text style={[a.text_xl, a.font_bold, a.pt_xl, a.pb_md]}>
+        <Text style={[a.text_xl, a.font_heavy, a.pt_xl, a.pb_md]}>
           {success ? <Trans>Success!</Trans> : <Trans>Verify your age</Trans>}
         </Text>
 
diff --git a/src/components/ageAssurance/AgeAssuranceRedirectDialog.tsx b/src/components/ageAssurance/AgeAssuranceRedirectDialog.tsx
index c45bc3a2c..b1c287e1b 100644
--- a/src/components/ageAssurance/AgeAssuranceRedirectDialog.tsx
+++ b/src/components/ageAssurance/AgeAssuranceRedirectDialog.tsx
@@ -160,7 +160,7 @@ export function Inner({}: {optimisticState?: AgeAssuranceRedirectDialogState}) {
               a.pb_md,
             ]}>
             <SuccessIcon size="sm" fill={t.palette.positive_600} />
-            <Text style={[a.text_xl, a.font_bold]}>
+            <Text style={[a.text_xl, a.font_heavy]}>
               <Trans>Success</Trans>
             </Text>
           </View>
@@ -209,7 +209,7 @@ export function Inner({}: {optimisticState?: AgeAssuranceRedirectDialogState}) {
           ]}>
           {error && <ErrorIcon size="md" fill={t.palette.negative_500} />}
 
-          <Text style={[a.text_xl, a.font_bold]}>
+          <Text style={[a.text_xl, a.font_heavy]}>
             {error ? <Trans>Connection issue</Trans> : <Trans>Verifying</Trans>}
           </Text>
 
diff --git a/src/components/ageAssurance/AgeRestrictedScreen.tsx b/src/components/ageAssurance/AgeRestrictedScreen.tsx
index b6a8c26a3..1430aaaff 100644
--- a/src/components/ageAssurance/AgeRestrictedScreen.tsx
+++ b/src/components/ageAssurance/AgeRestrictedScreen.tsx
@@ -62,7 +62,7 @@ export function AgeRestrictedScreen({
           </View>
 
           <View style={[a.gap_sm, a.pb_lg]}>
-            <Text style={[a.text_xl, a.leading_snug, a.font_bold]}>
+            <Text style={[a.text_xl, a.leading_snug, a.font_heavy]}>
               <Trans>
                 You must complete age assurance in order to access this screen.
               </Trans>
diff --git a/src/components/dialogs/BirthDateSettings.tsx b/src/components/dialogs/BirthDateSettings.tsx
index e1c73b67c..0b8dfb540 100644
--- a/src/components/dialogs/BirthDateSettings.tsx
+++ b/src/components/dialogs/BirthDateSettings.tsx
@@ -38,7 +38,7 @@ export function BirthDateSettingsDialog({
         label={_(msg`My Birthday`)}
         style={web({maxWidth: 400})}>
         <View style={[a.gap_sm]}>
-          <Text style={[a.text_xl, a.font_semi_bold]}>
+          <Text style={[a.text_xl, a.font_bold]}>
             <Trans>My Birthday</Trans>
           </Text>
           <Text style={[a.leading_snug, t.atoms.text_contrast_medium]}>
diff --git a/src/components/dialogs/DeviceLocationRequestDialog.tsx b/src/components/dialogs/DeviceLocationRequestDialog.tsx
index b6547d4f0..ac3362406 100644
--- a/src/components/dialogs/DeviceLocationRequestDialog.tsx
+++ b/src/components/dialogs/DeviceLocationRequestDialog.tsx
@@ -108,7 +108,7 @@ function DeviceLocationRequestDialogInner({onLocationAcquired}: Props) {
 
   return (
     <View style={[a.gap_md]}>
-      <Text style={[a.text_xl, a.font_bold]}>
+      <Text style={[a.text_xl, a.font_heavy]}>
         <Trans>Confirm your location</Trans>
       </Text>
       <View style={[a.gap_sm, a.pb_xs]}>
diff --git a/src/components/dialogs/EmailDialog/screens/Manage2FA/Disable.tsx b/src/components/dialogs/EmailDialog/screens/Manage2FA/Disable.tsx
index d10d5cab7..2b0e86c61 100644
--- a/src/components/dialogs/EmailDialog/screens/Manage2FA/Disable.tsx
+++ b/src/components/dialogs/EmailDialog/screens/Manage2FA/Disable.tsx
@@ -153,7 +153,7 @@ export function Disable() {
 
   return (
     <View style={[a.gap_sm]}>
-      <Text style={[a.text_xl, a.font_bold, a.leading_snug]}>
+      <Text style={[a.text_xl, a.font_heavy, a.leading_snug]}>
         <Trans>Disable email 2FA</Trans>
       </Text>
 
@@ -163,7 +163,7 @@ export function Disable() {
             style={[a.text_sm, a.leading_snug, t.atoms.text_contrast_medium]}>
             <Trans>
               To disable your email 2FA method, please verify your access to{' '}
-              <Span style={[a.font_semi_bold]}>{currentAccount?.email}</Span>
+              <Span style={[a.font_bold]}>{currentAccount?.email}</Span>
             </Trans>
           </Text>
 
@@ -214,7 +214,7 @@ export function Disable() {
             style={[a.text_sm, a.leading_snug, t.atoms.text_contrast_medium]}>
             <Trans>
               To disable your email 2FA method, please verify your access to{' '}
-              <Span style={[a.font_semi_bold]}>{currentAccount?.email}</Span>
+              <Span style={[a.font_bold]}>{currentAccount?.email}</Span>
             </Trans>
           </Text>
 
diff --git a/src/components/dialogs/EmailDialog/screens/Manage2FA/Enable.tsx b/src/components/dialogs/EmailDialog/screens/Manage2FA/Enable.tsx
index 4a3f438df..bf893701c 100644
--- a/src/components/dialogs/EmailDialog/screens/Manage2FA/Enable.tsx
+++ b/src/components/dialogs/EmailDialog/screens/Manage2FA/Enable.tsx
@@ -88,7 +88,7 @@ export function Enable() {
   return (
     <View style={[a.gap_lg]}>
       <View style={[a.gap_sm]}>
-        <Text style={[a.text_xl, a.font_bold, a.leading_snug]}>
+        <Text style={[a.text_xl, a.font_heavy, a.leading_snug]}>
           <Trans>Enable email 2FA</Trans>
         </Text>
 
diff --git a/src/components/dialogs/EmailDialog/screens/Update.tsx b/src/components/dialogs/EmailDialog/screens/Update.tsx
index a0ec69c85..be0af8807 100644
--- a/src/components/dialogs/EmailDialog/screens/Update.tsx
+++ b/src/components/dialogs/EmailDialog/screens/Update.tsx
@@ -199,7 +199,7 @@ export function Update(_props: ScreenProps<ScreenID.Update>) {
 
   return (
     <View style={[a.gap_lg]}>
-      <Text style={[a.text_xl, a.font_bold]}>
+      <Text style={[a.text_xl, a.font_heavy]}>
         <Trans>Update your email</Trans>
       </Text>
 
@@ -239,7 +239,7 @@ export function Update(_props: ScreenProps<ScreenID.Update>) {
           <>
             <Divider />
             <View>
-              <Text style={[a.text_md, a.pb_sm, a.font_semi_bold]}>
+              <Text style={[a.text_md, a.pb_sm, a.font_bold]}>
                 <Trans>Security step required</Trans>
               </Text>
               <Text
@@ -282,7 +282,7 @@ export function Update(_props: ScreenProps<ScreenID.Update>) {
           <View style={[a.gap_sm]}>
             <View style={[a.flex_row, a.gap_sm, a.align_center]}>
               <Check fill={t.palette.positive_600} size="xs" />
-              <Text style={[a.text_md, a.font_bold]}>
+              <Text style={[a.text_md, a.font_heavy]}>
                 <Trans>Success!</Trans>
               </Text>
             </View>
diff --git a/src/components/dialogs/EmailDialog/screens/VerificationReminder.tsx b/src/components/dialogs/EmailDialog/screens/VerificationReminder.tsx
index 77ee6ae09..d6c946956 100644
--- a/src/components/dialogs/EmailDialog/screens/VerificationReminder.tsx
+++ b/src/components/dialogs/EmailDialog/screens/VerificationReminder.tsx
@@ -58,7 +58,7 @@ export function VerificationReminder({
       <View style={[a.mb_xs, {height: 150 - dialogPadding}]} />
 
       <View style={[a.gap_sm]}>
-        <Text style={[a.text_xl, a.font_bold]}>
+        <Text style={[a.text_xl, a.font_heavy]}>
           <Trans>Please verify your email</Trans>
         </Text>
         <Text style={[a.text_sm, a.leading_snug, t.atoms.text_contrast_medium]}>
diff --git a/src/components/dialogs/EmailDialog/screens/Verify.tsx b/src/components/dialogs/EmailDialog/screens/Verify.tsx
index 74ff9c96b..07aef6145 100644
--- a/src/components/dialogs/EmailDialog/screens/Verify.tsx
+++ b/src/components/dialogs/EmailDialog/screens/Verify.tsx
@@ -174,7 +174,7 @@ export function Verify({config, showScreen}: ScreenProps<ScreenID.Verify>) {
     return (
       <View style={[a.gap_lg]}>
         <View style={[a.gap_sm]}>
-          <Text style={[a.text_xl, a.font_bold]}>
+          <Text style={[a.text_xl, a.font_heavy]}>
             <Span style={{top: 1}}>
               <Check size="sm" fill={t.palette.positive_600} />
             </Span>
@@ -197,7 +197,7 @@ export function Verify({config, showScreen}: ScreenProps<ScreenID.Verify>) {
   return (
     <View style={[a.gap_lg]}>
       <View style={[a.gap_sm]}>
-        <Text style={[a.text_xl, a.font_bold]}>
+        <Text style={[a.text_xl, a.font_heavy]}>
           {state.step === 'email' ? (
             state.mutationStatus === 'success' ? (
               <>
@@ -239,7 +239,7 @@ export function Verify({config, showScreen}: ScreenProps<ScreenID.Verify>) {
             state.mutationStatus === 'success' ? (
               <Trans>
                 We sent an email to{' '}
-                <Span style={[a.font_semi_bold, t.atoms.text]}>
+                <Span style={[a.font_bold, t.atoms.text]}>
                   {currentAccount!.email}
                 </Span>{' '}
                 containing a link. Please click on it to complete the email
@@ -248,7 +248,7 @@ export function Verify({config, showScreen}: ScreenProps<ScreenID.Verify>) {
             ) : (
               <Trans>
                 We'll send an email to{' '}
-                <Span style={[a.font_semi_bold, t.atoms.text]}>
+                <Span style={[a.font_bold, t.atoms.text]}>
                   {currentAccount!.email}
                 </Span>{' '}
                 containing a link. Please click on it to complete the email
@@ -258,7 +258,7 @@ export function Verify({config, showScreen}: ScreenProps<ScreenID.Verify>) {
           ) : (
             <Trans>
               Please enter the code we sent to{' '}
-              <Span style={[a.font_semi_bold, t.atoms.text]}>
+              <Span style={[a.font_bold, t.atoms.text]}>
                 {currentAccount!.email}
               </Span>{' '}
               below.
diff --git a/src/components/dialogs/Embed.tsx b/src/components/dialogs/Embed.tsx
index a61004fd2..594800c82 100644
--- a/src/components/dialogs/Embed.tsx
+++ b/src/components/dialogs/Embed.tsx
@@ -104,7 +104,7 @@ function EmbedDialogInner({
     <Dialog.Inner label={_(msg`Embed post`)} style={[{maxWidth: 500}]}>
       <View style={[a.gap_lg]}>
         <View style={[a.gap_sm]}>
-          <Text style={[a.text_2xl, a.font_bold]}>
+          <Text style={[a.text_2xl, a.font_heavy]}>
             <Trans>Embed post</Trans>
           </Text>
           <Text
@@ -147,7 +147,7 @@ function EmbedDialogInner({
 
           {showCustomisation && (
             <View style={[a.gap_sm, a.p_md]}>
-              <Text style={[t.atoms.text_contrast_medium, a.font_semi_bold]}>
+              <Text style={[t.atoms.text_contrast_medium, a.font_bold]}>
                 <Trans>Color theme</Trans>
               </Text>
               <ToggleButton.Group
diff --git a/src/components/dialogs/EmbedConsent.tsx b/src/components/dialogs/EmbedConsent.tsx
index a9d96be53..fe8609544 100644
--- a/src/components/dialogs/EmbedConsent.tsx
+++ b/src/components/dialogs/EmbedConsent.tsx
@@ -54,7 +54,7 @@ export function EmbedConsentDialog({
         label={_(msg`External Media`)}
         style={[gtMobile ? {width: 'auto', maxWidth: 400} : a.w_full]}>
         <View style={a.gap_sm}>
-          <Text style={[a.text_2xl, a.font_semi_bold]}>
+          <Text style={[a.text_2xl, a.font_bold]}>
             <Trans>External Media</Trans>
           </Text>
 
diff --git a/src/components/dialogs/InAppBrowserConsent.tsx b/src/components/dialogs/InAppBrowserConsent.tsx
index 5ac3ad916..4459c64db 100644
--- a/src/components/dialogs/InAppBrowserConsent.tsx
+++ b/src/components/dialogs/InAppBrowserConsent.tsx
@@ -62,7 +62,7 @@ function InAppBrowserConsentInner({href}: {href?: string}) {
     <Dialog.ScrollableInner label={_(msg`How should we open this link?`)}>
       <View style={[a.gap_2xl]}>
         <View style={[a.gap_sm]}>
-          <Text style={[a.font_bold, a.text_2xl]}>
+          <Text style={[a.font_heavy, a.text_2xl]}>
             <Trans>How should we open this link?</Trans>
           </Text>
           <Text style={[t.atoms.text_contrast_high, a.leading_snug, a.text_md]}>
diff --git a/src/components/dialogs/LinkWarning.tsx b/src/components/dialogs/LinkWarning.tsx
index 74be78f9d..9ae871812 100644
--- a/src/components/dialogs/LinkWarning.tsx
+++ b/src/components/dialogs/LinkWarning.tsx
@@ -68,7 +68,7 @@ function InAppBrowserConsentInner({
       }>
       <View style={[a.gap_2xl]}>
         <View style={[a.gap_sm]}>
-          <Text style={[a.font_bold, a.text_2xl]}>
+          <Text style={[a.font_heavy, a.text_2xl]}>
             {potentiallyMisleading ? (
               <Trans>Potentially misleading link</Trans>
             ) : (
@@ -151,8 +151,7 @@ function LinkBox({href}: {href: string}) {
       ]}>
       <Text style={[a.text_md, a.leading_snug, t.atoms.text_contrast_medium]}>
         {scheme}
-        <Text
-          style={[a.text_md, a.leading_snug, t.atoms.text, a.font_semi_bold]}>
+        <Text style={[a.text_md, a.leading_snug, t.atoms.text, a.font_bold]}>
           {hostname}
         </Text>
         {rest}
diff --git a/src/components/dialogs/MutedWords.tsx b/src/components/dialogs/MutedWords.tsx
index dc9158ede..e289e1641 100644
--- a/src/components/dialogs/MutedWords.tsx
+++ b/src/components/dialogs/MutedWords.tsx
@@ -108,12 +108,7 @@ function MutedWordsInner() {
     <Dialog.ScrollableInner label={_(msg`Manage your muted words and tags`)}>
       <View>
         <Text
-          style={[
-            a.text_md,
-            a.font_semi_bold,
-            a.pb_sm,
-            t.atoms.text_contrast_high,
-          ]}>
+          style={[a.text_md, a.font_bold, a.pb_sm, t.atoms.text_contrast_high]}>
           <Trans>Add muted words and tags</Trans>
         </Text>
         <Text style={[a.pb_lg, a.leading_snug, t.atoms.text_contrast_medium]}>
@@ -152,7 +147,7 @@ function MutedWordsInner() {
               style={[
                 a.pb_xs,
                 a.text_sm,
-                a.font_semi_bold,
+                a.font_bold,
                 t.atoms.text_contrast_medium,
               ]}>
               <Trans>Duration:</Trans>
@@ -252,7 +247,7 @@ function MutedWordsInner() {
               style={[
                 a.pb_xs,
                 a.text_sm,
-                a.font_semi_bold,
+                a.font_bold,
                 t.atoms.text_contrast_medium,
               ]}>
               <Trans>Mute in:</Trans>
@@ -298,7 +293,7 @@ function MutedWordsInner() {
               style={[
                 a.pb_xs,
                 a.text_sm,
-                a.font_semi_bold,
+                a.font_bold,
                 t.atoms.text_contrast_medium,
               ]}>
               <Trans>Options:</Trans>
@@ -367,7 +362,7 @@ function MutedWordsInner() {
           <Text
             style={[
               a.text_md,
-              a.font_semi_bold,
+              a.font_bold,
               a.pb_md,
               t.atoms.text_contrast_high,
             ]}>
@@ -460,7 +455,7 @@ function MutedWordRow({
               style={[
                 a.flex_1,
                 a.leading_snug,
-                a.font_semi_bold,
+                a.font_bold,
                 web({
                   overflowWrap: 'break-word',
                   wordBreak: 'break-word',
@@ -471,8 +466,7 @@ function MutedWordRow({
                   {word.value}{' '}
                   <Text style={[a.font_normal, t.atoms.text_contrast_medium]}>
                     in{' '}
-                    <Text
-                      style={[a.font_semi_bold, t.atoms.text_contrast_medium]}>
+                    <Text style={[a.font_bold, t.atoms.text_contrast_medium]}>
                       text & tags
                     </Text>
                   </Text>
@@ -482,8 +476,7 @@ function MutedWordRow({
                   {word.value}{' '}
                   <Text style={[a.font_normal, t.atoms.text_contrast_medium]}>
                     in{' '}
-                    <Text
-                      style={[a.font_semi_bold, t.atoms.text_contrast_medium]}>
+                    <Text style={[a.font_bold, t.atoms.text_contrast_medium]}>
                       tags
                     </Text>
                   </Text>
diff --git a/src/components/dialogs/PostInteractionSettingsDialog.tsx b/src/components/dialogs/PostInteractionSettingsDialog.tsx
index 01194ef65..dbb966fd3 100644
--- a/src/components/dialogs/PostInteractionSettingsDialog.tsx
+++ b/src/components/dialogs/PostInteractionSettingsDialog.tsx
@@ -84,7 +84,7 @@ export function PostInteractionSettingsControlledDialog({
             ]}>
             <Trans>
               You can set default interaction settings in{' '}
-              <Text style={[a.font_semi_bold, t.atoms.text_contrast_medium]}>
+              <Text style={[a.font_bold, t.atoms.text_contrast_medium]}>
                 Settings &rarr; Moderation &rarr; Interaction settings
               </Text>
               .
@@ -100,7 +100,7 @@ export function PostInteractionSettingsControlledDialog({
 export function Header() {
   return (
     <View style={[a.gap_md, a.pb_sm]}>
-      <Text style={[a.text_2xl, a.font_semi_bold]}>
+      <Text style={[a.text_2xl, a.font_bold]}>
         <Trans>Post interaction settings</Trans>
       </Text>
       <Text style={[a.text_md, a.pb_xs]}>
@@ -329,7 +329,7 @@ export function PostInteractionSettingsForm({
       <View style={[a.flex_1, a.gap_md]}>
         <View style={[a.gap_lg]}>
           <View style={[a.gap_sm]}>
-            <Text style={[a.font_semi_bold, a.text_lg]}>
+            <Text style={[a.font_bold, a.text_lg]}>
               <Trans>Quote settings</Trans>
             </Text>
 
@@ -385,7 +385,7 @@ export function PostInteractionSettingsForm({
                 opacity: replySettingsDisabled ? 0.3 : 1,
               },
             ]}>
-            <Text style={[a.font_semi_bold, a.text_lg]}>
+            <Text style={[a.font_bold, a.text_lg]}>
               <Trans>Reply settings</Trans>
             </Text>
 
@@ -535,9 +535,7 @@ function Selectable({
             },
             style,
           ]}>
-          <Text style={[a.text_sm, isSelected && a.font_semi_bold]}>
-            {label}
-          </Text>
+          <Text style={[a.text_sm, isSelected && a.font_bold]}>{label}</Text>
           {isSelected ? (
             <Check size="sm" fill={t.palette.primary_500} />
           ) : (
diff --git a/src/components/dialogs/SearchablePeopleList.tsx b/src/components/dialogs/SearchablePeopleList.tsx
index 41b31b255..4259f3760 100644
--- a/src/components/dialogs/SearchablePeopleList.tsx
+++ b/src/components/dialogs/SearchablePeopleList.tsx
@@ -284,7 +284,7 @@ export function SearchablePeopleList({
             style={[
               a.z_10,
               a.text_lg,
-              a.font_bold,
+              a.font_heavy,
               a.leading_tight,
               t.atoms.text_contrast_high,
             ]}>
diff --git a/src/components/dialogs/StarterPackDialog.tsx b/src/components/dialogs/StarterPackDialog.tsx
index 13b04e201..6a502072c 100644
--- a/src/components/dialogs/StarterPackDialog.tsx
+++ b/src/components/dialogs/StarterPackDialog.tsx
@@ -172,7 +172,7 @@ function StarterPackList({
           isWeb ? a.mb_2xl : a.my_lg,
           a.align_center,
         ]}>
-        <Text style={[a.text_lg, a.font_semi_bold]}>
+        <Text style={[a.text_lg, a.font_bold]}>
           <Trans>Add to starter packs</Trans>
         </Text>
         <Button
@@ -189,7 +189,7 @@ function StarterPackList({
         <>
           <View
             style={[a.flex_row, a.justify_between, a.align_center, a.py_md]}>
-            <Text style={[a.text_md, a.font_semi_bold]}>
+            <Text style={[a.text_md, a.font_bold]}>
               <Trans>New starter pack</Trans>
             </Text>
             <Button
@@ -331,7 +331,7 @@ function StarterPackItem({
   return (
     <View style={[a.flex_row, a.justify_between, a.align_center, a.py_md]}>
       <View>
-        <Text emoji style={[a.text_md, a.font_semi_bold]} numberOfLines={1}>
+        <Text emoji style={[a.text_md, a.font_bold]} numberOfLines={1}>
           {record.name}
         </Text>
 
diff --git a/src/components/dialogs/SwitchAccount.tsx b/src/components/dialogs/SwitchAccount.tsx
index d34e192f3..9acefa8fc 100644
--- a/src/components/dialogs/SwitchAccount.tsx
+++ b/src/components/dialogs/SwitchAccount.tsx
@@ -45,7 +45,7 @@ export function SwitchAccountDialog({
       <Dialog.Handle />
       <Dialog.ScrollableInner label={_(msg`Switch Account`)}>
         <View style={[a.gap_lg]}>
-          <Text style={[a.text_2xl, a.font_semi_bold]}>
+          <Text style={[a.text_2xl, a.font_bold]}>
             <Trans>Switch Account</Trans>
           </Text>
 
diff --git a/src/components/dialogs/nuxs/ActivitySubscriptions.tsx b/src/components/dialogs/nuxs/ActivitySubscriptions.tsx
index 5947b5601..b9f3979ed 100644
--- a/src/components/dialogs/nuxs/ActivitySubscriptions.tsx
+++ b/src/components/dialogs/nuxs/ActivitySubscriptions.tsx
@@ -66,7 +66,7 @@ export function ActivitySubscriptionsNUX() {
             <SparkleIcon fill={t.palette.primary_800} size="sm" />
             <Text
               style={[
-                a.font_semi_bold,
+                a.font_bold,
                 {
                   color: t.palette.primary_800,
                 },
@@ -127,7 +127,7 @@ export function ActivitySubscriptionsNUX() {
               style={[
                 a.text_3xl,
                 a.leading_tight,
-                a.font_bold,
+                a.font_heavy,
                 a.text_center,
                 {
                   fontSize: isWeb ? 28 : 32,
diff --git a/src/components/dialogs/nuxs/BookmarksAnnouncement.tsx b/src/components/dialogs/nuxs/BookmarksAnnouncement.tsx
index 3058dc27e..266e226a6 100644
--- a/src/components/dialogs/nuxs/BookmarksAnnouncement.tsx
+++ b/src/components/dialogs/nuxs/BookmarksAnnouncement.tsx
@@ -65,7 +65,7 @@ export function BookmarksAnnouncement() {
             <SparkleIcon fill={t.palette.primary_800} size="sm" />
             <Text
               style={[
-                a.font_semi_bold,
+                a.font_bold,
                 {
                   color: t.palette.primary_800,
                 },
@@ -133,7 +133,7 @@ export function BookmarksAnnouncement() {
               style={[
                 a.text_3xl,
                 a.leading_tight,
-                a.font_bold,
+                a.font_heavy,
                 a.text_center,
                 {
                   fontSize: isWeb ? 28 : 32,
diff --git a/src/components/dialogs/nuxs/InitialVerificationAnnouncement.tsx b/src/components/dialogs/nuxs/InitialVerificationAnnouncement.tsx
index d926b82bb..56db5c246 100644
--- a/src/components/dialogs/nuxs/InitialVerificationAnnouncement.tsx
+++ b/src/components/dialogs/nuxs/InitialVerificationAnnouncement.tsx
@@ -55,7 +55,7 @@ export function InitialVerificationAnnouncement() {
             <SparkleIcon fill={t.palette.primary_700} size="sm" />
             <Text
               style={[
-                a.font_semi_bold,
+                a.font_bold,
                 {
                   color: t.palette.primary_700,
                 },
@@ -87,7 +87,7 @@ export function InitialVerificationAnnouncement() {
           </View>
 
           <View style={[a.gap_xs]}>
-            <Text style={[a.text_2xl, a.font_semi_bold, a.leading_snug]}>
+            <Text style={[a.text_2xl, a.font_bold, a.leading_snug]}>
               <Trans>A new form of verification</Trans>
             </Text>
             <Text style={[a.leading_snug, a.text_md]}>
@@ -123,7 +123,7 @@ export function InitialVerificationAnnouncement() {
           <View style={[a.gap_sm]}>
             <View style={[a.flex_row, a.align_center, a.gap_xs]}>
               <VerifierCheck width={14} />
-              <Text style={[a.text_lg, a.font_semi_bold, a.leading_snug]}>
+              <Text style={[a.text_lg, a.font_bold, a.leading_snug]}>
                 <Trans>Who can verify?</Trans>
               </Text>
             </View>
@@ -138,7 +138,7 @@ export function InitialVerificationAnnouncement() {
                 <Trans>
                   Trust emerges from relationships, communities, and shared
                   context, so we’re also enabling{' '}
-                  <Span style={[a.font_semi_bold]}>trusted verifiers</Span>:
+                  <Span style={[a.font_bold]}>trusted verifiers</Span>:
                   organizations that can directly issue verification.
                 </Trans>
               </Text>
diff --git a/src/components/dms/ChatEmptyPill.tsx b/src/components/dms/ChatEmptyPill.tsx
index c11ac5ed9..042c3ad76 100644
--- a/src/components/dms/ChatEmptyPill.tsx
+++ b/src/components/dms/ChatEmptyPill.tsx
@@ -89,9 +89,7 @@ export function ChatEmptyPill() {
         onPress={onPress}
         onPressIn={onPressIn}
         onPressOut={onPressOut}>
-        <Text
-          style={[a.font_semi_bold, a.pointer_events_none]}
-          selectable={false}>
+        <Text style={[a.font_bold, a.pointer_events_none]} selectable={false}>
           {prompts[promptIndex]}
         </Text>
       </AnimatedPressable>
diff --git a/src/components/dms/DateDivider.tsx b/src/components/dms/DateDivider.tsx
index ca7046834..a9c82e8ea 100644
--- a/src/components/dms/DateDivider.tsx
+++ b/src/components/dms/DateDivider.tsx
@@ -67,8 +67,7 @@ let DateDivider = ({date: dateStr}: {date: string}): React.ReactNode => {
           a.px_md,
         ]}>
         <Trans>
-          <Text
-            style={[a.text_xs, t.atoms.text_contrast_medium, a.font_semi_bold]}>
+          <Text style={[a.text_xs, t.atoms.text_contrast_medium, a.font_bold]}>
             {date}
           </Text>{' '}
           at {time}
diff --git a/src/components/dms/EmojiPopup.android.tsx b/src/components/dms/EmojiPopup.android.tsx
index c2222e5bf..2205dcdea 100644
--- a/src/components/dms/EmojiPopup.android.tsx
+++ b/src/components/dms/EmojiPopup.android.tsx
@@ -51,7 +51,7 @@ export function EmojiPopup({
               a.border_b,
               t.atoms.border_contrast_low,
             ]}>
-            <Text style={[a.font_semi_bold, a.text_md]}>
+            <Text style={[a.font_bold, a.text_md]}>
               <Trans>Add Reaction</Trans>
             </Text>
             <Button
diff --git a/src/components/dms/MessagesListBlockedFooter.tsx b/src/components/dms/MessagesListBlockedFooter.tsx
index 4fa23afed..8f75f4306 100644
--- a/src/components/dms/MessagesListBlockedFooter.tsx
+++ b/src/components/dms/MessagesListBlockedFooter.tsx
@@ -61,7 +61,7 @@ export function MessagesListBlockedFooter({
   return (
     <View style={[hasMessages && a.pt_md, a.pb_xl, a.gap_lg]}>
       <Divider />
-      <Text style={[a.text_md, a.font_semi_bold, a.text_center]}>
+      <Text style={[a.text_md, a.font_bold, a.text_center]}>
         {isBlocking ? (
           <Trans>You have blocked this user</Trans>
         ) : (
diff --git a/src/components/dms/MessagesListHeader.tsx b/src/components/dms/MessagesListHeader.tsx
index ede2da73e..d37e4a34a 100644
--- a/src/components/dms/MessagesListHeader.tsx
+++ b/src/components/dms/MessagesListHeader.tsx
@@ -154,7 +154,7 @@ function HeaderReady({
                 emoji
                 style={[
                   a.text_md,
-                  a.font_semi_bold,
+                  a.font_bold,
                   a.self_start,
                   web(a.leading_normal),
                 ]}
diff --git a/src/components/dms/NewMessagesPill.tsx b/src/components/dms/NewMessagesPill.tsx
index c220899c4..e3bc0c1f8 100644
--- a/src/components/dms/NewMessagesPill.tsx
+++ b/src/components/dms/NewMessagesPill.tsx
@@ -88,7 +88,7 @@ export function NewMessagesPill({
         onPress={onPress}
         onPressIn={onPressIn}
         onPressOut={onPressOut}>
-        <Text style={[a.font_semi_bold]}>
+        <Text style={[a.font_bold]}>
           <Trans>New messages</Trans>
         </Text>
       </AnimatedPressable>
diff --git a/src/components/dms/ReportDialog.tsx b/src/components/dms/ReportDialog.tsx
index 33b5419fe..b6a428193 100644
--- a/src/components/dms/ReportDialog.tsx
+++ b/src/components/dms/ReportDialog.tsx
@@ -200,7 +200,7 @@ function SubmitStep({
       </Button>
 
       <View style={[a.justify_center, gtMobile ? a.gap_sm : a.gap_xs]}>
-        <Text style={[a.text_2xl, a.font_semi_bold]}>{copy.title}</Text>
+        <Text style={[a.text_2xl, a.font_bold]}>{copy.title}</Text>
         <Text style={[a.text_md, t.atoms.text_contrast_medium]}>
           <Trans>
             Your report will be sent to the Bluesky Moderation Service
@@ -213,11 +213,10 @@ function SubmitStep({
       )}
 
       <Text style={[a.text_md, t.atoms.text_contrast_medium]}>
-        <Text
-          style={[a.font_semi_bold, a.text_md, t.atoms.text_contrast_medium]}>
+        <Text style={[a.font_bold, a.text_md, t.atoms.text_contrast_medium]}>
           <Trans>Reason:</Trans>
         </Text>{' '}
-        <Text style={[a.font_semi_bold, a.text_md]}>{reportOption.title}</Text>
+        <Text style={[a.font_bold, a.text_md]}>{reportOption.title}</Text>
       </Text>
 
       <Divider />
@@ -347,7 +346,7 @@ function DoneStep({
   return (
     <View style={a.gap_2xl}>
       <View style={[a.justify_center, gtMobile ? a.gap_sm : a.gap_xs]}>
-        <Text style={[a.text_2xl, a.font_semi_bold]}>
+        <Text style={[a.text_2xl, a.font_bold]}>
           <Trans>Report submitted</Trans>
         </Text>
         <Text style={[a.text_md, t.atoms.text_contrast_medium]}>
diff --git a/src/components/forms/FormError.tsx b/src/components/forms/FormError.tsx
index d28c89c8d..d51243d50 100644
--- a/src/components/forms/FormError.tsx
+++ b/src/components/forms/FormError.tsx
@@ -20,8 +20,7 @@ export function FormError({error}: {error?: string}) {
       ]}>
       <Warning fill={t.palette.white} size="md" />
       <View style={[a.flex_1]}>
-        <Text
-          style={[{color: t.palette.white}, a.font_semi_bold, a.leading_snug]}>
+        <Text style={[{color: t.palette.white}, a.font_bold, a.leading_snug]}>
           {error}
         </Text>
       </View>
diff --git a/src/components/forms/TextField.tsx b/src/components/forms/TextField.tsx
index 48f71e73a..85fb7c481 100644
--- a/src/components/forms/TextField.tsx
+++ b/src/components/forms/TextField.tsx
@@ -15,6 +15,7 @@ import {
   android,
   applyFonts,
   atoms as a,
+  ios,
   platform,
   type TextStyleProp,
   tokens,
@@ -201,23 +202,17 @@ export function createInput(Component: typeof TextInput) {
       a.px_xs,
       {
         // paddingVertical doesn't work w/multiline - esb
-        lineHeight: a.text_md.fontSize * 1.2,
+        lineHeight: a.text_md.fontSize * 1.1875,
         textAlignVertical: rest.multiline ? 'top' : undefined,
         minHeight: rest.multiline ? 80 : undefined,
         minWidth: 0,
-        paddingTop: 13,
-        paddingBottom: 13,
       },
-      android({
-        paddingTop: 8,
-        paddingBottom: 9,
-      }),
-      /*
-       * Margins are needed here to avoid autofill background overlapping the
-       * top and bottom borders - esb
-       */
+      ios({paddingTop: 12, paddingBottom: 13}),
+      // Needs to be sm on Paper, md on Fabric for some godforsaken reason -sfn
+      android(a.py_sm),
+      // fix for autofill styles covering border
       web({
-        paddingTop: 11,
+        paddingTop: 10,
         paddingBottom: 11,
         marginTop: 2,
         marginBottom: 2,
@@ -267,7 +262,7 @@ export function createInput(Component: typeof TextInput) {
             a.absolute,
             a.inset_0,
             a.rounded_sm,
-            t.atoms.bg_contrast_50,
+            t.atoms.bg_contrast_25,
             {borderColor: 'transparent', borderWidth: 2},
             ctx.hovered ? chromeHover : {},
             ctx.focused ? chromeFocus : {},
@@ -292,12 +287,7 @@ export function LabelText({
   return (
     <Text
       nativeID={nativeID}
-      style={[
-        a.text_sm,
-        a.font_semi_bold,
-        t.atoms.text_contrast_medium,
-        a.mb_sm,
-      ]}>
+      style={[a.text_sm, a.font_bold, t.atoms.text_contrast_medium, a.mb_sm]}>
       {children}
     </Text>
   )
diff --git a/src/components/forms/Toggle.tsx b/src/components/forms/Toggle.tsx
index d6a968ecf..bb9fde2e1 100644
--- a/src/components/forms/Toggle.tsx
+++ b/src/components/forms/Toggle.tsx
@@ -249,7 +249,7 @@ export function LabelText({
   return (
     <Text
       style={[
-        a.font_semi_bold,
+        a.font_bold,
         a.leading_tight,
         {
           userSelect: 'none',
diff --git a/src/components/forms/ToggleButton.tsx b/src/components/forms/ToggleButton.tsx
index 367122585..fab9414f5 100644
--- a/src/components/forms/ToggleButton.tsx
+++ b/src/components/forms/ToggleButton.tsx
@@ -133,7 +133,7 @@ export function ButtonText({children}: {children: React.ReactNode}) {
     <Text
       style={[
         a.text_center,
-        a.font_semi_bold,
+        a.font_bold,
         t.atoms.text_contrast_medium,
         textStyles,
       ]}>
diff --git a/src/components/intents/VerifyEmailIntentDialog.tsx b/src/components/intents/VerifyEmailIntentDialog.tsx
index 3aca1b6d8..ab628eeef 100644
--- a/src/components/intents/VerifyEmailIntentDialog.tsx
+++ b/src/components/intents/VerifyEmailIntentDialog.tsx
@@ -75,7 +75,7 @@ function Inner({}: {control: DialogControlProps}) {
           </View>
         ) : status === 'success' ? (
           <View style={[a.gap_sm, isNative && a.pb_xl]}>
-            <Text style={[a.font_bold, a.text_2xl]}>
+            <Text style={[a.font_heavy, a.text_2xl]}>
               <Trans>Email Verified</Trans>
             </Text>
             <Text style={[a.text_md, a.leading_snug]}>
@@ -87,7 +87,7 @@ function Inner({}: {control: DialogControlProps}) {
           </View>
         ) : status === 'failure' ? (
           <View style={[a.gap_sm]}>
-            <Text style={[a.font_bold, a.text_2xl]}>
+            <Text style={[a.font_heavy, a.text_2xl]}>
               <Trans>Invalid Verification Code</Trans>
             </Text>
             <Text style={[a.text_md, a.leading_snug]}>
@@ -100,13 +100,13 @@ function Inner({}: {control: DialogControlProps}) {
           </View>
         ) : (
           <View style={[a.gap_sm, isNative && a.pb_xl]}>
-            <Text style={[a.font_bold, a.text_2xl]}>
+            <Text style={[a.font_heavy, a.text_2xl]}>
               <Trans>Email Resent</Trans>
             </Text>
             <Text style={[a.text_md, a.leading_snug]}>
               <Trans>
                 We have sent another verification email to{' '}
-                <Text style={[a.text_md, a.font_semi_bold]}>
+                <Text style={[a.text_md, a.font_bold]}>
                   {currentAccount?.email}
                 </Text>
                 .
diff --git a/src/components/interstitials/Trending.tsx b/src/components/interstitials/Trending.tsx
index 2580ef28f..5561be18e 100644
--- a/src/components/interstitials/Trending.tsx
+++ b/src/components/interstitials/Trending.tsx
@@ -82,7 +82,7 @@ export function Inner() {
                   style={[
                     t.atoms.text_contrast_medium,
                     a.text_sm,
-                    a.font_semi_bold,
+                    a.font_bold,
                   ]}>
                   {' '}
                 </Text>
@@ -101,7 +101,7 @@ export function Inner() {
                         style={[
                           t.atoms.text,
                           a.text_sm,
-                          a.font_semi_bold,
+                          a.font_bold,
                           {opacity: 0.7}, // NOTE: we use opacity 0.7 instead of a color to match the color of the home pager tab bar
                         ]}>
                         {topic.topic}
diff --git a/src/components/interstitials/TrendingVideos.tsx b/src/components/interstitials/TrendingVideos.tsx
index 175f92fd5..6be64335a 100644
--- a/src/components/interstitials/TrendingVideos.tsx
+++ b/src/components/interstitials/TrendingVideos.tsx
@@ -82,7 +82,7 @@ export function TrendingVideos() {
           a.align_center,
           a.justify_between,
         ]}>
-        <Text style={[a.text_sm, a.font_semi_bold, a.leading_snug]}>
+        <Text style={[a.text_sm, a.font_bold, a.leading_snug]}>
           <Trans>Trending Videos</Trans>
         </Text>
         <Button
diff --git a/src/components/live/EditLiveDialog.tsx b/src/components/live/EditLiveDialog.tsx
index 3304bceb6..63fe664e5 100644
--- a/src/components/live/EditLiveDialog.tsx
+++ b/src/components/live/EditLiveDialog.tsx
@@ -120,7 +120,7 @@ function DialogInner({
       style={web({maxWidth: 420})}>
       <View style={[a.gap_lg]}>
         <View style={[a.gap_sm]}>
-          <Text style={[a.font_semi_bold, a.text_2xl]}>
+          <Text style={[a.font_bold, a.text_2xl]}>
             <Trans>You are Live</Trans>
           </Text>
           <View style={[a.flex_row, a.align_center, a.gap_xs]}>
@@ -182,7 +182,7 @@ function DialogInner({
                   a.text_sm,
                   a.leading_snug,
                   a.flex_1,
-                  a.font_semi_bold,
+                  a.font_bold,
                   {color: t.palette.negative_500},
                 ]}>
                 {liveLinkError ? (
diff --git a/src/components/live/GoLiveDialog.tsx b/src/components/live/GoLiveDialog.tsx
index 437c3eacc..1c5fa27a7 100644
--- a/src/components/live/GoLiveDialog.tsx
+++ b/src/components/live/GoLiveDialog.tsx
@@ -94,7 +94,7 @@ function DialogInner({profile}: {profile: bsky.profile.AnyProfileView}) {
       style={web({maxWidth: 420})}>
       <View style={[a.gap_xl]}>
         <View style={[a.gap_sm]}>
-          <Text style={[a.font_semi_bold, a.text_2xl]}>
+          <Text style={[a.font_bold, a.text_2xl]}>
             <Trans>Go Live</Trans>
           </Text>
           <Text style={[a.text_md, a.leading_snug, t.atoms.text_contrast_high]}>
@@ -153,7 +153,7 @@ function DialogInner({profile}: {profile: bsky.profile.AnyProfileView}) {
                   a.text_sm,
                   a.leading_snug,
                   a.flex_1,
-                  a.font_semi_bold,
+                  a.font_bold,
                   {color: t.palette.negative_500},
                 ]}>
                 {liveLinkError ? (
diff --git a/src/components/live/LinkPreview.tsx b/src/components/live/LinkPreview.tsx
index b0bab6e53..98320a9e8 100644
--- a/src/components/live/LinkPreview.tsx
+++ b/src/components/live/LinkPreview.tsx
@@ -70,7 +70,7 @@ export function LinkPreview({
           <>
             <Text
               numberOfLines={2}
-              style={[a.leading_snug, a.font_semi_bold, a.text_md]}>
+              style={[a.leading_snug, a.font_bold, a.text_md]}>
               {linkMeta.title || linkMeta.url}
             </Text>
             <View style={[a.flex_row, a.align_center, a.gap_2xs]}>
diff --git a/src/components/live/LiveIndicator.tsx b/src/components/live/LiveIndicator.tsx
index bbde299ed..c237e8c83 100644
--- a/src/components/live/LiveIndicator.tsx
+++ b/src/components/live/LiveIndicator.tsx
@@ -39,7 +39,7 @@ export function LiveIndicator({
         <Text
           style={[
             a.text_center,
-            a.font_semi_bold,
+            a.font_bold,
             fontSize,
             {color: t.palette.white},
           ]}>
diff --git a/src/components/live/LiveStatusDialog.tsx b/src/components/live/LiveStatusDialog.tsx
index 835b69e28..8da15bc93 100644
--- a/src/components/live/LiveStatusDialog.tsx
+++ b/src/components/live/LiveStatusDialog.tsx
@@ -137,7 +137,7 @@ export function LiveStatus({
         <View style={[a.w_full, a.justify_center, a.gap_2xs]}>
           <Text
             numberOfLines={3}
-            style={[a.leading_snug, a.font_semi_bold, a.text_xl]}>
+            style={[a.leading_snug, a.font_bold, a.text_xl]}>
             {embed.external.title || embed.external.uri}
           </Text>
           <View style={[a.flex_row, a.align_center, a.gap_2xs]}>
diff --git a/src/components/moderation/ContentHider.tsx b/src/components/moderation/ContentHider.tsx
index 01814cd78..79756c561 100644
--- a/src/components/moderation/ContentHider.tsx
+++ b/src/components/moderation/ContentHider.tsx
@@ -178,9 +178,9 @@ function ContentHiderActive({
               style={[
                 a.flex_1,
                 a.text_left,
-                a.font_semi_bold,
+                a.font_bold,
                 a.leading_snug,
-                gtMobile && [a.font_semi_bold],
+                gtMobile && [a.font_bold],
                 t.atoms.text_contrast_medium,
                 web({
                   marginBottom: 1,
@@ -192,9 +192,9 @@ function ContentHiderActive({
             {!modui.noOverride && (
               <Text
                 style={[
-                  a.font_semi_bold,
+                  a.font_bold,
                   a.leading_snug,
-                  gtMobile && [a.font_semi_bold],
+                  gtMobile && [a.font_bold],
                   t.atoms.text_contrast_high,
                   web({
                     marginBottom: 1,
diff --git a/src/components/moderation/LabelPreference.tsx b/src/components/moderation/LabelPreference.tsx
index dae92d505..f477792d1 100644
--- a/src/components/moderation/LabelPreference.tsx
+++ b/src/components/moderation/LabelPreference.tsx
@@ -48,7 +48,7 @@ export function Content({
 
   return (
     <View style={[a.gap_xs, a.flex_1]}>
-      <Text emoji style={[a.font_semi_bold, gtPhone ? a.text_sm : a.text_md]}>
+      <Text emoji style={[a.font_bold, gtPhone ? a.text_sm : a.text_md]}>
         {name}
       </Text>
       <Text emoji style={[t.atoms.text_contrast_medium, a.leading_snug]}>
@@ -241,12 +241,7 @@ export function LabelerLabelPreference({
           <View style={[a.flex_row, a.gap_xs, a.align_center, a.mt_xs]}>
             <CircleInfo size="sm" fill={t.atoms.text_contrast_high.color} />
 
-            <Text
-              style={[
-                t.atoms.text_contrast_medium,
-                a.font_semi_bold,
-                a.italic,
-              ]}>
+            <Text style={[t.atoms.text_contrast_medium, a.font_bold, a.italic]}>
               {adultDisabled ? (
                 <Trans>Adult content is disabled.</Trans>
               ) : isGlobalLabel ? (
@@ -279,7 +274,7 @@ export function LabelerLabelPreference({
                 t.atoms.border_contrast_low,
                 a.self_start,
               ]}>
-              <Text emoji style={[a.font_semi_bold, t.atoms.text_contrast_low]}>
+              <Text emoji style={[a.font_bold, t.atoms.text_contrast_low]}>
                 {currentPrefLabel}
               </Text>
             </View>
diff --git a/src/components/moderation/LabelsOnMeDialog.tsx b/src/components/moderation/LabelsOnMeDialog.tsx
index 5d9fd0074..940a49590 100644
--- a/src/components/moderation/LabelsOnMeDialog.tsx
+++ b/src/components/moderation/LabelsOnMeDialog.tsx
@@ -67,7 +67,7 @@ function LabelsOnMeDialogInner(props: LabelsOnMeDialogProps) {
         />
       ) : (
         <>
-          <Text style={[a.text_2xl, a.font_bold, a.pb_xs, a.leading_tight]}>
+          <Text style={[a.text_2xl, a.font_heavy, a.pb_xs, a.leading_tight]}>
             {isAccount ? (
               <Trans>Labels on your account</Trans>
             ) : (
@@ -134,7 +134,7 @@ function Label({
       ]}>
       <View style={[a.p_md, a.gap_sm, a.flex_row]}>
         <View style={[a.flex_1, a.gap_xs]}>
-          <Text emoji style={[a.font_semi_bold, a.text_md]}>
+          <Text emoji style={[a.font_bold, a.text_md]}>
             {strings.name}
           </Text>
           <Text emoji style={[t.atoms.text_contrast_medium, a.leading_snug]}>
@@ -264,7 +264,7 @@ function AppealForm({
   return (
     <>
       <View>
-        <Text style={[a.text_2xl, a.font_semi_bold, a.pb_xs, a.leading_tight]}>
+        <Text style={[a.text_2xl, a.font_bold, a.pb_xs, a.leading_tight]}>
           <Trans>Appeal "{strings.name}" label</Trans>
         </Text>
         <Text style={[a.text_md, a.leading_snug]}>
diff --git a/src/components/moderation/ModerationDetailsDialog.tsx b/src/components/moderation/ModerationDetailsDialog.tsx
index af48d3342..d56af48e3 100644
--- a/src/components/moderation/ModerationDetailsDialog.tsx
+++ b/src/components/moderation/ModerationDetailsDialog.tsx
@@ -142,7 +142,7 @@ function ModerationDetailsDialogInner({
         paddingBottom: 0,
       }}>
       <View style={[xGutters, a.pb_lg]}>
-        <Text emoji style={[t.atoms.text, a.text_2xl, a.font_bold, a.mb_sm]}>
+        <Text emoji style={[t.atoms.text, a.text_2xl, a.font_heavy, a.mb_sm]}>
           {name}
         </Text>
         <Text style={[t.atoms.text, a.text_sm, a.leading_snug]}>
diff --git a/src/components/moderation/ReportDialog/index.tsx b/src/components/moderation/ReportDialog/index.tsx
index 9293f7530..cd8bbe0a4 100644
--- a/src/components/moderation/ReportDialog/index.tsx
+++ b/src/components/moderation/ReportDialog/index.tsx
@@ -69,7 +69,7 @@ function Invalid() {
   const {_} = useLingui()
   return (
     <Dialog.ScrollableInner label={_(msg`Report dialog`)}>
-      <Text style={[a.font_bold, a.text_xl, a.leading_snug, a.pb_xs]}>
+      <Text style={[a.font_heavy, a.text_xl, a.leading_snug, a.pb_xs]}>
         <Trans>Invalid report subject</Trans>
       </Text>
       <Text style={[a.text_md, a.leading_snug]}>
@@ -393,7 +393,7 @@ function Inner(props: ReportDialogProps) {
                 <Text style={[a.leading_snug, a.pb_xs]}>
                   <Trans>
                     Your report will be sent to{' '}
-                    <Text style={[a.font_semi_bold, a.leading_snug]}>
+                    <Text style={[a.font_bold, a.leading_snug]}>
                       {state.selectedLabeler?.creator.displayName}
                     </Text>
                     .
@@ -529,7 +529,7 @@ function StepTitle({
         ) : (
           <Text
             style={[
-              a.font_bold,
+              a.font_heavy,
               a.text_center,
               t.atoms.text,
               {
@@ -552,7 +552,7 @@ function StepTitle({
       <Text
         style={[
           a.flex_1,
-          a.font_bold,
+          a.font_heavy,
           a.text_lg,
           a.leading_snug,
           active ? t.atoms.text : t.atoms.text_contrast_medium,
@@ -598,7 +598,7 @@ function OptionCard({
               ? [t.atoms.border_contrast_high]
               : [t.atoms.border_contrast_low],
           ]}>
-          <Text style={[a.text_md, a.font_semi_bold, a.leading_snug]}>
+          <Text style={[a.text_md, a.font_bold, a.leading_snug]}>
             {option.title}
           </Text>
           <Text
@@ -670,7 +670,7 @@ function LabelerCard({
             avatar={labeler.creator.avatar}
           />
           <View style={[a.flex_1]}>
-            <Text style={[a.text_md, a.font_semi_bold, a.leading_snug]}>
+            <Text style={[a.text_md, a.font_bold, a.leading_snug]}>
               {title}
             </Text>
             <Text
diff --git a/src/components/moderation/ScreenHider.tsx b/src/components/moderation/ScreenHider.tsx
index 79579198b..dde07eb94 100644
--- a/src/components/moderation/ScreenHider.tsx
+++ b/src/components/moderation/ScreenHider.tsx
@@ -86,13 +86,7 @@ export function ScreenHider({
         </View>
       </View>
       <Text
-        style={[
-          a.text_4xl,
-          a.font_semi_bold,
-          a.text_center,
-          a.mb_md,
-          t.atoms.text,
-        ]}>
+        style={[a.text_4xl, a.font_bold, a.text_center, a.mb_md, t.atoms.text]}>
         {isNoPwi ? (
           <Trans>Sign-in Required</Trans>
         ) : (
@@ -118,7 +112,7 @@ export function ScreenHider({
             <Text
               style={[
                 a.text_lg,
-                a.font_semi_bold,
+                a.font_bold,
                 a.leading_snug,
                 t.atoms.text,
                 a.ml_xs,
diff --git a/src/components/verification/VerificationsDialog.tsx b/src/components/verification/VerificationsDialog.tsx
index 7e6b66c81..99ed00eeb 100644
--- a/src/components/verification/VerificationsDialog.tsx
+++ b/src/components/verification/VerificationsDialog.tsx
@@ -79,7 +79,7 @@ function Inner({
         gtMobile ? {width: 'auto', maxWidth: 400, minWidth: 200} : a.w_full,
       ]}>
       <View style={[a.gap_sm, a.pb_lg]}>
-        <Text style={[a.text_2xl, a.font_semi_bold, a.pr_4xl, a.leading_tight]}>
+        <Text style={[a.text_2xl, a.font_bold, a.pr_4xl, a.leading_tight]}>
           {label}
         </Text>
         <Text style={[a.text_md, a.leading_snug]}>
@@ -206,7 +206,7 @@ function VerifierCard({
               <ProfileCard.AvatarPlaceholder />
               <View style={[a.flex_1]}>
                 <Text
-                  style={[a.text_md, a.font_semi_bold, a.leading_snug]}
+                  style={[a.text_md, a.font_bold, a.leading_snug]}
                   numberOfLines={1}>
                   <Trans>Unknown verifier</Trans>
                 </Text>
diff --git a/src/components/verification/VerifierDialog.tsx b/src/components/verification/VerifierDialog.tsx
index 85e13ecb9..b4756a85b 100644
--- a/src/components/verification/VerifierDialog.tsx
+++ b/src/components/verification/VerifierDialog.tsx
@@ -89,8 +89,7 @@ function Inner({
         </View>
 
         <View style={[a.gap_sm]}>
-          <Text
-            style={[a.text_2xl, a.font_semi_bold, a.pr_4xl, a.leading_tight]}>
+          <Text style={[a.text_2xl, a.font_bold, a.pr_4xl, a.leading_tight]}>
             {label}
           </Text>
           <Text style={[a.text_md, a.leading_snug]}>
diff --git a/src/lib/ThemeContext.tsx b/src/lib/ThemeContext.tsx
index d499910a7..9714d8e0e 100644
--- a/src/lib/ThemeContext.tsx
+++ b/src/lib/ThemeContext.tsx
@@ -1,8 +1,8 @@
 import {type ReactNode} from 'react'
 import {createContext, useContext} from 'react'
 import {type TextStyle, type ViewStyle} from 'react-native'
-import {type ThemeName} from '@bsky.app/alf'
 
+import {type ThemeName} from '#/alf/types'
 import {darkTheme, defaultTheme, dimTheme} from './themes'
 
 export type ColorScheme = 'light' | 'dark'
diff --git a/src/lib/themes.ts b/src/lib/themes.ts
index d99dd37b2..1d590dab7 100644
--- a/src/lib/themes.ts
+++ b/src/lib/themes.ts
@@ -101,17 +101,17 @@ export const defaultTheme: Theme = {
     '2xl-medium': {
       fontSize: 18,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     '2xl-bold': {
       fontSize: 18,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     '2xl-heavy': {
       fontSize: 18,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.bold,
+      fontWeight: fontWeight.heavy,
     },
     'xl-thin': {
       fontSize: 17,
@@ -126,17 +126,17 @@ export const defaultTheme: Theme = {
     'xl-medium': {
       fontSize: 17,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     'xl-bold': {
       fontSize: 17,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     'xl-heavy': {
       fontSize: 17,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.bold,
+      fontWeight: fontWeight.heavy,
     },
     'lg-thin': {
       fontSize: 16,
@@ -151,17 +151,17 @@ export const defaultTheme: Theme = {
     'lg-medium': {
       fontSize: 16,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     'lg-bold': {
       fontSize: 16,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     'lg-heavy': {
       fontSize: 16,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.bold,
+      fontWeight: fontWeight.heavy,
     },
     'md-thin': {
       fontSize: 15,
@@ -176,17 +176,17 @@ export const defaultTheme: Theme = {
     'md-medium': {
       fontSize: 15,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     'md-bold': {
       fontSize: 15,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     'md-heavy': {
       fontSize: 15,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.bold,
+      fontWeight: fontWeight.heavy,
     },
     'sm-thin': {
       fontSize: 14,
@@ -201,17 +201,17 @@ export const defaultTheme: Theme = {
     'sm-medium': {
       fontSize: 14,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     'sm-bold': {
       fontSize: 14,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     'sm-heavy': {
       fontSize: 14,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.bold,
+      fontWeight: fontWeight.heavy,
     },
     'xs-thin': {
       fontSize: 13,
@@ -226,40 +226,40 @@ export const defaultTheme: Theme = {
     'xs-medium': {
       fontSize: 13,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     'xs-bold': {
       fontSize: 13,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     'xs-heavy': {
       fontSize: 13,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.bold,
+      fontWeight: fontWeight.heavy,
     },
 
     'title-2xl': {
       fontSize: 34,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     'title-xl': {
       fontSize: 28,
       letterSpacing: tokens.TRACKING,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     'title-lg': {
       fontSize: 22,
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
     },
     title: {
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
       fontSize: 20,
       letterSpacing: tokens.TRACKING,
     },
     'title-sm': {
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
       fontSize: 17,
       letterSpacing: tokens.TRACKING,
     },
@@ -274,12 +274,12 @@ export const defaultTheme: Theme = {
       fontWeight: fontWeight.normal,
     },
     'button-lg': {
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
       fontSize: 18,
       letterSpacing: tokens.TRACKING,
     },
     button: {
-      fontWeight: fontWeight.semiBold,
+      fontWeight: fontWeight.bold,
       fontSize: 14,
       letterSpacing: tokens.TRACKING,
     },
@@ -296,7 +296,7 @@ export const darkTheme: Theme = {
   palette: {
     ...defaultTheme.palette,
     default: {
-      background: darkPalette.contrast_0,
+      background: darkPalette.black,
       backgroundLight: darkPalette.contrast_25,
       text: darkPalette.white,
       textLight: darkPalette.contrast_600,
@@ -345,7 +345,7 @@ export const dimTheme: Theme = {
     ...darkTheme.palette,
     default: {
       ...darkTheme.palette.default,
-      background: dimPalette.contrast_0,
+      background: dimPalette.black,
       backgroundLight: dimPalette.contrast_25,
       text: dimPalette.white,
       textLight: dimPalette.contrast_700,
diff --git a/src/screens/Home/NoFeedsPinned.tsx b/src/screens/Home/NoFeedsPinned.tsx
index e524113f5..fce4ffea2 100644
--- a/src/screens/Home/NoFeedsPinned.tsx
+++ b/src/screens/Home/NoFeedsPinned.tsx
@@ -75,7 +75,7 @@ export function NoFeedsPinned({
           },
         ]}>
         <View style={[a.align_center, a.gap_sm, a.pb_xl]}>
-          <Text style={[a.text_xl, a.font_semi_bold]}>
+          <Text style={[a.text_xl, a.font_bold]}>
             <Trans>Whoops!</Trans>
           </Text>
           <Text
diff --git a/src/screens/List/ListHiddenScreen.tsx b/src/screens/List/ListHiddenScreen.tsx
index 963cb2e0b..63f36dc94 100644
--- a/src/screens/List/ListHiddenScreen.tsx
+++ b/src/screens/List/ListHiddenScreen.tsx
@@ -122,7 +122,7 @@ export function ListHiddenScreen({
           width={42}
         />
         <View style={[a.gap_sm, a.align_center]}>
-          <Text style={[a.font_semi_bold, a.text_3xl]}>
+          <Text style={[a.font_bold, a.text_3xl]}>
             {list.creator.viewer?.blocking || list.creator.viewer?.blockedBy ? (
               <Trans>Creator has been blocked</Trans>
             ) : (
@@ -150,7 +150,7 @@ export function ListHiddenScreen({
             ) : (
               <Trans>
                 This list – created by{' '}
-                <Text style={[a.font_semi_bold]}>
+                <Text style={[a.font_bold]}>
                   {sanitizeHandle(list.creator.handle, '@')}
                 </Text>{' '}
                 – contains possible violations of Bluesky's community guidelines
diff --git a/src/screens/Login/FormContainer.tsx b/src/screens/Login/FormContainer.tsx
index fb1a36de5..dc8ebb558 100644
--- a/src/screens/Login/FormContainer.tsx
+++ b/src/screens/Login/FormContainer.tsx
@@ -22,7 +22,7 @@ export function FormContainer({
       testID={testID}
       style={[a.gap_md, a.flex_1, !gtMobile && [a.px_lg, a.py_md], style]}>
       {titleText && !gtMobile && (
-        <Text style={[a.text_xl, a.font_semi_bold, t.atoms.text_contrast_high]}>
+        <Text style={[a.text_xl, a.font_bold, t.atoms.text_contrast_high]}>
           {titleText}
         </Text>
       )}
diff --git a/src/screens/Login/PasswordUpdatedForm.tsx b/src/screens/Login/PasswordUpdatedForm.tsx
index 7418b6d53..b85815018 100644
--- a/src/screens/Login/PasswordUpdatedForm.tsx
+++ b/src/screens/Login/PasswordUpdatedForm.tsx
@@ -19,7 +19,7 @@ export const PasswordUpdatedForm = ({
     <FormContainer
       testID="passwordUpdatedForm"
       style={[a.gap_2xl, !gtMobile && a.mt_5xl]}>
-      <Text style={[a.text_3xl, a.font_semi_bold, a.text_center]}>
+      <Text style={[a.text_3xl, a.font_bold, a.text_center]}>
         <Trans>Password updated!</Trans>
       </Text>
       <Text style={[a.text_center, a.mx_auto, {maxWidth: '80%'}]}>
diff --git a/src/screens/Messages/ChatList.tsx b/src/screens/Messages/ChatList.tsx
index 906fcb017..cb8598e79 100644
--- a/src/screens/Messages/ChatList.tsx
+++ b/src/screens/Messages/ChatList.tsx
@@ -265,8 +265,7 @@ export function MessagesScreenInner({navigation, route}: Props) {
                       width={48}
                       fill={t.atoms.text_contrast_low.color}
                     />
-                    <Text
-                      style={[a.pt_md, a.pb_sm, a.text_2xl, a.font_semi_bold]}>
+                    <Text style={[a.pt_md, a.pb_sm, a.text_2xl, a.font_bold]}>
                       <Trans>Whoops!</Trans>
                     </Text>
                     <Text
@@ -299,8 +298,7 @@ export function MessagesScreenInner({navigation, route}: Props) {
                 <>
                   <View style={[a.pt_3xl, a.align_center]}>
                     <MessageIcon width={48} fill={t.palette.primary_500} />
-                    <Text
-                      style={[a.pt_md, a.pb_sm, a.text_2xl, a.font_semi_bold]}>
+                    <Text style={[a.pt_md, a.pb_sm, a.text_2xl, a.font_bold]}>
                       <Trans>Nothing here</Trans>
                     </Text>
                     <Text
diff --git a/src/screens/Messages/Inbox.tsx b/src/screens/Messages/Inbox.tsx
index 6d2fc1cd8..8765cf0ba 100644
--- a/src/screens/Messages/Inbox.tsx
+++ b/src/screens/Messages/Inbox.tsx
@@ -193,8 +193,7 @@ function RequestList({
                     width={48}
                     fill={t.atoms.text_contrast_low.color}
                   />
-                  <Text
-                    style={[a.pt_md, a.pb_sm, a.text_2xl, a.font_semi_bold]}>
+                  <Text style={[a.pt_md, a.pb_sm, a.text_2xl, a.font_bold]}>
                     <Trans>Whoops!</Trans>
                   </Text>
                   <Text
@@ -226,8 +225,7 @@ function RequestList({
               <>
                 <View style={[a.pt_3xl, a.align_center]}>
                   <MessageIcon width={48} fill={t.palette.primary_500} />
-                  <Text
-                    style={[a.pt_md, a.pb_sm, a.text_2xl, a.font_semi_bold]}>
+                  <Text style={[a.pt_md, a.pb_sm, a.text_2xl, a.font_bold]}>
                     <Trans comment="Title message shown in chat requests inbox when it's empty">
                       Inbox zero!
                     </Trans>
diff --git a/src/screens/Messages/Settings.tsx b/src/screens/Messages/Settings.tsx
index aad6f6630..b4b84aafe 100644
--- a/src/screens/Messages/Settings.tsx
+++ b/src/screens/Messages/Settings.tsx
@@ -71,7 +71,7 @@ export function MessagesSettingsScreenInner({}: Props) {
       </Layout.Header.Outer>
       <Layout.Content>
         <View style={[a.p_lg, a.gap_md]}>
-          <Text style={[a.text_lg, a.font_semi_bold]}>
+          <Text style={[a.text_lg, a.font_bold]}>
             <Trans>Allow new messages from</Trans>
           </Text>
           <Toggle.Group
@@ -121,7 +121,7 @@ export function MessagesSettingsScreenInner({}: Props) {
           {isNative && (
             <>
               <Divider style={a.my_md} />
-              <Text style={[a.text_lg, a.font_semi_bold]}>
+              <Text style={[a.text_lg, a.font_bold]}>
                 <Trans>Notification Sounds</Trans>
               </Text>
               <Toggle.Group
diff --git a/src/screens/Messages/components/ChatDisabled.tsx b/src/screens/Messages/components/ChatDisabled.tsx
index 69abbab1a..33ce5b3ab 100644
--- a/src/screens/Messages/components/ChatDisabled.tsx
+++ b/src/screens/Messages/components/ChatDisabled.tsx
@@ -22,12 +22,7 @@ export function ChatDisabled() {
       <View
         style={[a.align_start, a.p_xl, a.rounded_md, t.atoms.bg_contrast_25]}>
         <Text
-          style={[
-            a.text_md,
-            a.font_semi_bold,
-            a.pb_sm,
-            t.atoms.text_contrast_high,
-          ]}>
+          style={[a.text_md, a.font_bold, a.pb_sm, t.atoms.text_contrast_high]}>
           <Trans>Your chats have been disabled</Trans>
         </Text>
         <Text style={[a.text_sm, a.leading_snug, t.atoms.text_contrast_medium]}>
@@ -109,7 +104,7 @@ function DialogInner() {
 
   return (
     <Dialog.ScrollableInner label={_(msg`Appeal this decision`)}>
-      <Text style={[a.text_2xl, a.font_semi_bold, a.pb_xs, a.leading_tight]}>
+      <Text style={[a.text_2xl, a.font_bold, a.pb_xs, a.leading_tight]}>
         <Trans>Appeal this decision</Trans>
       </Text>
       <Text style={[a.text_md, a.leading_snug]}>
diff --git a/src/screens/Messages/components/ChatListItem.tsx b/src/screens/Messages/components/ChatListItem.tsx
index cc21a2688..4545e8d4b 100644
--- a/src/screens/Messages/components/ChatListItem.tsx
+++ b/src/screens/Messages/components/ChatListItem.tsx
@@ -397,7 +397,7 @@ function ChatListItemReady({
                       style={[
                         a.text_md,
                         t.atoms.text,
-                        a.font_semi_bold,
+                        a.font_bold,
                         {lineHeight: 21},
                         isDimStyle && t.atoms.text_contrast_medium,
                       ]}>
@@ -461,7 +461,7 @@ function ChatListItemReady({
                   style={[
                     a.text_sm,
                     a.leading_snug,
-                    hasUnread ? a.font_semi_bold : t.atoms.text_contrast_high,
+                    hasUnread ? a.font_bold : t.atoms.text_contrast_high,
                     isDimStyle && t.atoms.text_contrast_medium,
                   ]}>
                   {lastMessage}
diff --git a/src/screens/Messages/components/InboxPreview.tsx b/src/screens/Messages/components/InboxPreview.tsx
index 85d6252ab..6e1b02822 100644
--- a/src/screens/Messages/components/InboxPreview.tsx
+++ b/src/screens/Messages/components/InboxPreview.tsx
@@ -57,7 +57,7 @@ export function InboxPreview({
         )}
       </View>
       <ButtonText
-        style={[a.flex_1, a.font_semi_bold, a.text_left]}
+        style={[a.flex_1, a.font_bold, a.text_left]}
         numberOfLines={1}>
         <Trans>Chat requests</Trans>
       </ButtonText>
diff --git a/src/screens/Messages/components/RequestListItem.tsx b/src/screens/Messages/components/RequestListItem.tsx
index 4b1f4d014..5e09dd2e3 100644
--- a/src/screens/Messages/components/RequestListItem.tsx
+++ b/src/screens/Messages/components/RequestListItem.tsx
@@ -38,7 +38,7 @@ export function RequestListItem({convo}: {convo: ChatBskyConvoDefs.ConvoView}) {
         {/* spacer, since you can't nest pressables */}
         <View style={[a.pt_md, a.pb_xs, a.w_full, {opacity: 0}]} aria-hidden>
           {/* Placeholder text so that it responds to the font height */}
-          <Text style={[a.text_xs, a.leading_tight, a.font_semi_bold]}>
+          <Text style={[a.text_xs, a.leading_tight, a.font_bold]}>
             <Trans comment="Accept a chat request">Accept Request</Trans>
           </Text>
         </View>
diff --git a/src/screens/Moderation/index.tsx b/src/screens/Moderation/index.tsx
index 1979fd4c5..983919c64 100644
--- a/src/screens/Moderation/index.tsx
+++ b/src/screens/Moderation/index.tsx
@@ -142,7 +142,7 @@ function SubItem({
       ]}>
       <View style={[a.flex_row, a.align_center, a.gap_md]}>
         <Icon size="md" style={[t.atoms.text_contrast_medium]} />
-        <Text style={[a.text_sm, a.font_semi_bold]}>{title}</Text>
+        <Text style={[a.text_sm, a.font_bold]}>{title}</Text>
       </View>
       <ChevronRight
         size="sm"
@@ -221,12 +221,7 @@ export function ModerationScreenInner({
       )}
 
       <Text
-        style={[
-          a.text_md,
-          a.font_semi_bold,
-          a.pb_md,
-          t.atoms.text_contrast_high,
-        ]}>
+        style={[a.text_md, a.font_bold, a.pb_md, t.atoms.text_contrast_high]}>
         <Trans>Moderation tools</Trans>
       </Text>
 
@@ -335,7 +330,7 @@ export function ModerationScreenInner({
               a.pt_2xl,
               a.pb_md,
               a.text_md,
-              a.font_semi_bold,
+              a.font_bold,
               t.atoms.text_contrast_high,
             ]}>
             <Trans>Content filters</Trans>
@@ -369,7 +364,7 @@ export function ModerationScreenInner({
               a.pt_2xl,
               a.pb_md,
               a.text_md,
-              a.font_semi_bold,
+              a.font_bold,
               t.atoms.text_contrast_high,
             ]}>
             <Trans>Content filters</Trans>
@@ -401,8 +396,7 @@ export function ModerationScreenInner({
                       a.justify_between,
                       disabledOnIOS && {opacity: 0.5},
                     ]}>
-                    <Text
-                      style={[a.font_semi_bold, t.atoms.text_contrast_high]}>
+                    <Text style={[a.font_bold, t.atoms.text_contrast_high]}>
                       <Trans>Enable adult content</Trans>
                     </Text>
                     <Toggle.Item
@@ -471,7 +465,7 @@ export function ModerationScreenInner({
       <Text
         style={[
           a.text_md,
-          a.font_semi_bold,
+          a.font_bold,
           a.pt_2xl,
           a.pb_md,
           t.atoms.text_contrast_high,
diff --git a/src/screens/Onboarding/Layout.tsx b/src/screens/Onboarding/Layout.tsx
index 3d9c2f868..6394d9c96 100644
--- a/src/screens/Onboarding/Layout.tsx
+++ b/src/screens/Onboarding/Layout.tsx
@@ -17,6 +17,7 @@ import {
   useTheme,
   web,
 } from '#/alf'
+import {leading} from '#/alf/typography'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
 import {ArrowLeft_Stroke2_Corner0_Rounded as ArrowLeft} from '#/components/icons/Arrow'
 import {HEADER_SLOT_SIZE} from '#/components/Layout'
@@ -233,8 +234,10 @@ export function TitleText({
       style={[
         a.pb_sm,
         a.text_4xl,
-        a.font_semi_bold,
-        a.leading_tight,
+        a.font_bold,
+        {
+          lineHeight: leading(a.text_4xl, a.leading_tight),
+        },
         flatten(style),
       ]}>
       {children}
diff --git a/src/screens/Onboarding/StepFinished.tsx b/src/screens/Onboarding/StepFinished.tsx
index b6d0c0d1e..c4b723ce1 100644
--- a/src/screens/Onboarding/StepFinished.tsx
+++ b/src/screens/Onboarding/StepFinished.tsx
@@ -432,7 +432,7 @@ function ValueProposition({
             </View>
 
             <View style={[a.gap_sm]}>
-              <Text style={[a.font_bold, a.text_3xl, a.text_center]}>
+              <Text style={[a.font_heavy, a.text_3xl, a.text_center]}>
                 {title}
               </Text>
               <Text
@@ -537,7 +537,7 @@ function LegacyFinalStep({
         <View style={[a.flex_row, a.align_center, a.w_full, a.gap_lg]}>
           <IconCircle icon={Growth} size="lg" style={{width: 48, height: 48}} />
           <View style={[a.flex_1, a.gap_xs]}>
-            <Text style={[a.font_semi_bold, a.text_lg]}>
+            <Text style={[a.font_bold, a.text_lg]}>
               <Trans>Public</Trans>
             </Text>
             <Text
@@ -551,7 +551,7 @@ function LegacyFinalStep({
         <View style={[a.flex_row, a.align_center, a.w_full, a.gap_lg]}>
           <IconCircle icon={News} size="lg" style={{width: 48, height: 48}} />
           <View style={[a.flex_1, a.gap_xs]}>
-            <Text style={[a.font_semi_bold, a.text_lg]}>
+            <Text style={[a.font_bold, a.text_lg]}>
               <Trans>Open</Trans>
             </Text>
             <Text
@@ -567,7 +567,7 @@ function LegacyFinalStep({
             style={{width: 48, height: 48}}
           />
           <View style={[a.flex_1, a.gap_xs]}>
-            <Text style={[a.font_semi_bold, a.text_lg]}>
+            <Text style={[a.font_bold, a.text_lg]}>
               <Trans>Flexible</Trans>
             </Text>
             <Text
diff --git a/src/screens/Onboarding/StepInterests/InterestButton.tsx b/src/screens/Onboarding/StepInterests/InterestButton.tsx
index 66e84bc09..7f8b32b83 100644
--- a/src/screens/Onboarding/StepInterests/InterestButton.tsx
+++ b/src/screens/Onboarding/StepInterests/InterestButton.tsx
@@ -69,7 +69,7 @@ export function InterestButton({interest}: {interest: string}) {
           {
             color: t.palette.contrast_900,
           },
-          a.font_semi_bold,
+          a.font_bold,
           native({paddingTop: 2}),
           ctx.selected ? styles.textSelected : {},
         ]}>
diff --git a/src/screens/Onboarding/StepInterests/index.tsx b/src/screens/Onboarding/StepInterests/index.tsx
index cba7c8173..d214937d4 100644
--- a/src/screens/Onboarding/StepInterests/index.tsx
+++ b/src/screens/Onboarding/StepInterests/index.tsx
@@ -184,7 +184,7 @@ export function StepInterests() {
               <Text
                 style={[
                   a.text_md,
-                  a.font_semi_bold,
+                  a.font_bold,
                   {
                     color: t.palette.negative_900,
                   },
diff --git a/src/screens/Onboarding/StepSuggestedAccounts/index.tsx b/src/screens/Onboarding/StepSuggestedAccounts/index.tsx
index 4bca81fed..5a9d3464c 100644
--- a/src/screens/Onboarding/StepSuggestedAccounts/index.tsx
+++ b/src/screens/Onboarding/StepSuggestedAccounts/index.tsx
@@ -133,7 +133,7 @@ export function StepSuggestedAccounts() {
 
   return (
     <View style={[a.align_start]} testID="onboardingInterests">
-      <Text style={[a.font_bold, a.text_3xl]}>
+      <Text style={[a.font_heavy, a.text_3xl]}>
         <Trans comment="Accounts suggested to the user for them to follow">
           Suggested for you
         </Trans>
diff --git a/src/screens/PostThread/components/ThreadError.tsx b/src/screens/PostThread/components/ThreadError.tsx
index c0e15c5d3..e1ca23cf9 100644
--- a/src/screens/PostThread/components/ThreadError.tsx
+++ b/src/screens/PostThread/components/ThreadError.tsx
@@ -58,12 +58,7 @@ export function ThreadError({
           ]}>
           <View style={[a.gap_xs]}>
             <Text
-              style={[
-                a.text_center,
-                a.text_lg,
-                a.font_semi_bold,
-                a.leading_snug,
-              ]}>
+              style={[a.text_center, a.text_lg, a.font_bold, a.leading_snug]}>
               {title}
             </Text>
             <Text
diff --git a/src/screens/PostThread/components/ThreadItemAnchor.tsx b/src/screens/PostThread/components/ThreadItemAnchor.tsx
index f11748d6d..51bf41a76 100644
--- a/src/screens/PostThread/components/ThreadItemAnchor.tsx
+++ b/src/screens/PostThread/components/ThreadItemAnchor.tsx
@@ -129,8 +129,7 @@ function ThreadItemAnchorDeleted({isRoot}: {isRoot: boolean}) {
             ]}>
             <TrashIcon style={[t.atoms.text_contrast_medium]} />
           </View>
-          <Text
-            style={[a.text_md, a.font_semi_bold, t.atoms.text_contrast_medium]}>
+          <Text style={[a.text_md, a.font_bold, t.atoms.text_contrast_medium]}>
             <Trans>Post has been deleted</Trans>
           </Text>
         </View>
@@ -344,7 +343,7 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
                     style={[
                       a.flex_shrink,
                       a.text_lg,
-                      a.font_semi_bold,
+                      a.font_bold,
                       a.leading_snug,
                     ]}
                     numberOfLines={1}>
@@ -440,7 +439,7 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
                   <Text
                     testID="repostCount-expanded"
                     style={[a.text_md, t.atoms.text_contrast_medium]}>
-                    <Text style={[a.text_md, a.font_semi_bold, t.atoms.text]}>
+                    <Text style={[a.text_md, a.font_bold, t.atoms.text]}>
                       {formatPostStatCount(post.repostCount)}
                     </Text>{' '}
                     <Plural
@@ -458,7 +457,7 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
                   <Text
                     testID="quoteCount-expanded"
                     style={[a.text_md, t.atoms.text_contrast_medium]}>
-                    <Text style={[a.text_md, a.font_semi_bold, t.atoms.text]}>
+                    <Text style={[a.text_md, a.font_bold, t.atoms.text]}>
                       {formatPostStatCount(post.quoteCount)}
                     </Text>{' '}
                     <Plural
@@ -474,7 +473,7 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
                   <Text
                     testID="likeCount-expanded"
                     style={[a.text_md, t.atoms.text_contrast_medium]}>
-                    <Text style={[a.text_md, a.font_semi_bold, t.atoms.text]}>
+                    <Text style={[a.text_md, a.font_bold, t.atoms.text]}>
                       {formatPostStatCount(post.likeCount)}
                     </Text>{' '}
                     <Plural value={post.likeCount} one="like" other="likes" />
@@ -485,7 +484,7 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
                 <Text
                   testID="bookmarkCount-expanded"
                   style={[a.text_md, t.atoms.text_contrast_medium]}>
-                  <Text style={[a.text_md, a.font_semi_bold, t.atoms.text]}>
+                  <Text style={[a.text_md, a.font_bold, t.atoms.text]}>
                     {formatPostStatCount(post.bookmarkCount)}
                   </Text>{' '}
                   <Plural value={post.bookmarkCount} one="save" other="saves" />
@@ -653,7 +652,7 @@ function BackdatedPostIndicator({post}: {post: AppBskyFeedDefs.PostView}) {
             <Text
               style={[
                 a.text_xs,
-                a.font_semi_bold,
+                a.font_bold,
                 a.leading_tight,
                 t.atoms.text_contrast_medium,
               ]}>
@@ -670,14 +669,9 @@ function BackdatedPostIndicator({post}: {post: AppBskyFeedDefs.PostView}) {
         <Prompt.DescriptionText>
           <Trans>
             This post claims to have been created on{' '}
-            <RNText style={[a.font_semi_bold]}>
-              {niceDate(i18n, createdAt)}
-            </RNText>
-            , but was first seen by Bluesky on{' '}
-            <RNText style={[a.font_semi_bold]}>
-              {niceDate(i18n, indexedAt)}
-            </RNText>
-            .
+            <RNText style={[a.font_bold]}>{niceDate(i18n, createdAt)}</RNText>,
+            but was first seen by Bluesky on{' '}
+            <RNText style={[a.font_bold]}>{niceDate(i18n, indexedAt)}</RNText>.
           </Trans>
         </Prompt.DescriptionText>
         <Text
diff --git a/src/screens/PostThread/components/ThreadItemPost.tsx b/src/screens/PostThread/components/ThreadItemPost.tsx
index 5590bf625..98520f16e 100644
--- a/src/screens/PostThread/components/ThreadItemPost.tsx
+++ b/src/screens/PostThread/components/ThreadItemPost.tsx
@@ -106,8 +106,7 @@ function ThreadItemPostDeleted({
           ]}>
           <TrashIcon style={[t.atoms.text_contrast_medium]} />
         </View>
-        <Text
-          style={[a.text_md, a.font_semi_bold, t.atoms.text_contrast_medium]}>
+        <Text style={[a.text_md, a.font_bold, t.atoms.text_contrast_medium]}>
           <Trans>Post has been deleted</Trans>
         </Text>
       </View>
diff --git a/src/screens/PostThread/components/ThreadItemPostTombstone.tsx b/src/screens/PostThread/components/ThreadItemPostTombstone.tsx
index 57f2bd74c..4f1ab450b 100644
--- a/src/screens/PostThread/components/ThreadItemPostTombstone.tsx
+++ b/src/screens/PostThread/components/ThreadItemPostTombstone.tsx
@@ -46,8 +46,7 @@ export function ThreadItemPostTombstone({type}: ThreadItemPostTombstoneProps) {
         <View style={[a.flex_row, a.justify_center, {width: LINEAR_AVI_WIDTH}]}>
           <Icon style={[t.atoms.text_contrast_medium]} />
         </View>
-        <Text
-          style={[a.text_md, a.font_semi_bold, t.atoms.text_contrast_medium]}>
+        <Text style={[a.text_md, a.font_bold, t.atoms.text_contrast_medium]}>
           {copy}
         </Text>
       </View>
diff --git a/src/screens/Profile/ErrorState.tsx b/src/screens/Profile/ErrorState.tsx
index 1b277b44a..af0a61905 100644
--- a/src/screens/Profile/ErrorState.tsx
+++ b/src/screens/Profile/ErrorState.tsx
@@ -27,7 +27,7 @@ export function ErrorState({error}: {error: string}) {
     <View style={[a.px_xl]}>
       <CircleInfo width={48} style={[t.atoms.text_contrast_low]} />
 
-      <Text style={[a.text_xl, a.font_semi_bold, a.pb_md, a.pt_xl]}>
+      <Text style={[a.text_xl, a.font_bold, a.pb_md, a.pt_xl]}>
         <Trans>Hmmmm, we couldn't load that moderation service.</Trans>
       </Text>
       <Text
diff --git a/src/screens/Profile/Header/DisplayName.tsx b/src/screens/Profile/Header/DisplayName.tsx
index 88bc2f181..6be8f6694 100644
--- a/src/screens/Profile/Header/DisplayName.tsx
+++ b/src/screens/Profile/Header/DisplayName.tsx
@@ -26,7 +26,7 @@ export function ProfileHeaderDisplayName({
           t.atoms.text,
           gtMobile ? a.text_4xl : a.text_3xl,
           a.self_start,
-          a.font_bold,
+          a.font_heavy,
         ]}>
         {sanitizeDisplayName(
           profile.displayName || sanitizeHandle(profile.handle),
diff --git a/src/screens/Profile/Header/EditProfileDialog.tsx b/src/screens/Profile/Header/EditProfileDialog.tsx
index 6fcd3a488..b1c52d67d 100644
--- a/src/screens/Profile/Header/EditProfileDialog.tsx
+++ b/src/screens/Profile/Header/EditProfileDialog.tsx
@@ -326,7 +326,7 @@ function DialogInner({
               style={[
                 a.text_sm,
                 a.mt_xs,
-                a.font_semi_bold,
+                a.font_bold,
                 {color: t.palette.negative_400},
               ]}>
               <Plural
@@ -377,7 +377,7 @@ function DialogInner({
               style={[
                 a.text_sm,
                 a.mt_xs,
-                a.font_semi_bold,
+                a.font_bold,
                 {color: t.palette.negative_400},
               ]}>
               <Plural
diff --git a/src/screens/Profile/Header/Metrics.tsx b/src/screens/Profile/Header/Metrics.tsx
index 4704a44fe..a67b02542 100644
--- a/src/screens/Profile/Header/Metrics.tsx
+++ b/src/screens/Profile/Header/Metrics.tsx
@@ -37,7 +37,7 @@ export function ProfileHeaderMetrics({
         style={[a.flex_row, t.atoms.text]}
         to={makeProfileLink(profile, 'followers')}
         label={`${profile.followersCount || 0} ${pluralizedFollowers}`}>
-        <Text style={[a.font_semi_bold, a.text_md]}>{followers} </Text>
+        <Text style={[a.font_bold, a.text_md]}>{followers} </Text>
         <Text style={[t.atoms.text_contrast_medium, a.text_md]}>
           {pluralizedFollowers}
         </Text>
@@ -47,12 +47,12 @@ export function ProfileHeaderMetrics({
         style={[a.flex_row, t.atoms.text]}
         to={makeProfileLink(profile, 'follows')}
         label={_(msg`${profile.followsCount || 0} following`)}>
-        <Text style={[a.font_semi_bold, a.text_md]}>{following} </Text>
+        <Text style={[a.font_bold, a.text_md]}>{following} </Text>
         <Text style={[t.atoms.text_contrast_medium, a.text_md]}>
           {pluralizedFollowings}
         </Text>
       </InlineLinkText>
-      <Text style={[a.font_semi_bold, t.atoms.text, a.text_md]}>
+      <Text style={[a.font_bold, t.atoms.text, a.text_md]}>
         {formatCount(i18n, profile.postsCount || 0)}{' '}
         <Text style={[t.atoms.text_contrast_medium, a.font_normal, a.text_md]}>
           {plural(profile.postsCount || 0, {one: 'post', other: 'posts'})}
diff --git a/src/screens/Profile/Header/ProfileHeaderLabeler.tsx b/src/screens/Profile/Header/ProfileHeaderLabeler.tsx
index e6ada24b9..2185fd9c8 100644
--- a/src/screens/Profile/Header/ProfileHeaderLabeler.tsx
+++ b/src/screens/Profile/Header/ProfileHeaderLabeler.tsx
@@ -225,7 +225,7 @@ let ProfileHeaderLabeler = ({
                             ? t.palette.contrast_700
                             : t.palette.white,
                         },
-                        a.font_semi_bold,
+                        a.font_bold,
                         a.text_center,
                         a.leading_tight,
                       ]}>
@@ -297,7 +297,7 @@ let ProfileHeaderLabeler = ({
                     {({hovered, focused, pressed}) => (
                       <Text
                         style={[
-                          a.font_semi_bold,
+                          a.font_bold,
                           a.text_sm,
                           t.atoms.text_contrast_medium,
                           (hovered || focused || pressed) &&
diff --git a/src/screens/Profile/Header/ProfileHeaderStandard.tsx b/src/screens/Profile/Header/ProfileHeaderStandard.tsx
index e19d3bf2f..32111dd3b 100644
--- a/src/screens/Profile/Header/ProfileHeaderStandard.tsx
+++ b/src/screens/Profile/Header/ProfileHeaderStandard.tsx
@@ -267,7 +267,7 @@ let ProfileHeaderStandard = ({
                   t.atoms.text,
                   gtMobile ? a.text_4xl : a.text_3xl,
                   a.self_start,
-                  a.font_bold,
+                  a.font_heavy,
                   a.leading_tight,
                 ]}>
                 {sanitizeDisplayName(
diff --git a/src/screens/Profile/components/ProfileFeedHeader.tsx b/src/screens/Profile/components/ProfileFeedHeader.tsx
index 821f2eea4..5bc05ec56 100644
--- a/src/screens/Profile/components/ProfileFeedHeader.tsx
+++ b/src/screens/Profile/components/ProfileFeedHeader.tsx
@@ -234,7 +234,7 @@ export function ProfileFeedHeader({info}: {info: FeedSourceFeedInfo}) {
                       <Text
                         style={[
                           a.text_md,
-                          a.font_bold,
+                          a.font_heavy,
                           a.leading_tight,
                           gtMobile && a.text_lg,
                         ]}
@@ -441,7 +441,7 @@ function DialogInner({
 
         <View style={[a.flex_1, a.gap_2xs]}>
           <Text
-            style={[a.text_2xl, a.font_bold, a.leading_tight]}
+            style={[a.text_2xl, a.font_heavy, a.leading_tight]}
             numberOfLines={2}>
             {info.displayName}
           </Text>
diff --git a/src/screens/ProfileList/components/ErrorScreen.tsx b/src/screens/ProfileList/components/ErrorScreen.tsx
index ffffeead1..7ce343def 100644
--- a/src/screens/ProfileList/components/ErrorScreen.tsx
+++ b/src/screens/ProfileList/components/ErrorScreen.tsx
@@ -22,7 +22,7 @@ export function ErrorScreen({error}: {error: React.ReactNode}) {
 
   return (
     <View style={[a.px_xl, a.py_md, a.gap_md]}>
-      <Text style={[a.text_4xl, a.font_bold]}>
+      <Text style={[a.text_4xl, a.font_heavy]}>
         <Trans>Could not load list</Trans>
       </Text>
       <Text style={[a.text_md, t.atoms.text_contrast_high, a.leading_snug]}>
diff --git a/src/screens/Search/Explore.tsx b/src/screens/Search/Explore.tsx
index c670a32dc..f8bb947a8 100644
--- a/src/screens/Search/Explore.tsx
+++ b/src/screens/Search/Explore.tsx
@@ -885,7 +885,7 @@ export function Explore({
                 ]}>
                 <CircleInfo size="md" fill={t.palette.negative_400} />
                 <View style={[a.flex_1, a.gap_sm]}>
-                  <Text style={[a.font_semi_bold, a.leading_snug]}>
+                  <Text style={[a.font_bold, a.leading_snug]}>
                     {item.message}
                   </Text>
                   <Text
diff --git a/src/screens/Search/Shell.tsx b/src/screens/Search/Shell.tsx
index 984d3e640..959677784 100644
--- a/src/screens/Search/Shell.tsx
+++ b/src/screens/Search/Shell.tsx
@@ -460,7 +460,7 @@ let SearchScreenInner = ({
               a.pt_sm,
               a.pb_lg,
             ]}>
-            <Text style={[a.text_2xl, a.font_bold]}>
+            <Text style={[a.text_2xl, a.font_heavy]}>
               <Trans>Search</Trans>
             </Text>
           </View>
diff --git a/src/screens/Search/components/ModuleHeader.tsx b/src/screens/Search/components/ModuleHeader.tsx
index 202137a35..13951cff1 100644
--- a/src/screens/Search/components/ModuleHeader.tsx
+++ b/src/screens/Search/components/ModuleHeader.tsx
@@ -93,11 +93,7 @@ export function Icon({
 
 export function TitleText({style, ...props}: TextProps) {
   return (
-    <Text
-      style={[a.font_semi_bold, a.flex_1, a.text_xl, style]}
-      emoji
-      {...props}
-    />
+    <Text style={[a.font_bold, a.flex_1, a.text_xl, style]} emoji {...props} />
   )
 }
 
diff --git a/src/screens/Search/components/SearchHistory.tsx b/src/screens/Search/components/SearchHistory.tsx
index f99a405df..1d7c68e13 100644
--- a/src/screens/Search/components/SearchHistory.tsx
+++ b/src/screens/Search/components/SearchHistory.tsx
@@ -45,7 +45,7 @@ export function SearchHistory({
       <View style={[a.w_full, a.gap_md]}>
         {(searchHistory.length > 0 || selectedProfiles.length > 0) && (
           <View style={[a.px_lg, a.pt_sm]}>
-            <Text style={[a.text_md, a.font_semi_bold]}>
+            <Text style={[a.text_md, a.font_bold]}>
               <Trans>Recent Searches</Trans>
             </Text>
           </View>
diff --git a/src/screens/Search/components/StarterPackCard.tsx b/src/screens/Search/components/StarterPackCard.tsx
index 0f804d0e3..233494b4e 100644
--- a/src/screens/Search/components/StarterPackCard.tsx
+++ b/src/screens/Search/components/StarterPackCard.tsx
@@ -89,7 +89,7 @@ export function StarterPackCard({
               <View style={[a.flex_1]}>
                 <Text
                   emoji
-                  style={[a.text_md, a.font_semi_bold, a.leading_snug]}
+                  style={[a.text_md, a.font_bold, a.leading_snug]}
                   numberOfLines={1}>
                   {record.name}
                 </Text>
@@ -242,7 +242,7 @@ export function AvatarStack({
                 <Text
                   style={[
                     gtPhone ? a.text_md : a.text_xs,
-                    a.font_semi_bold,
+                    a.font_bold,
                     a.leading_snug,
                     {color: 'white'},
                   ]}>
diff --git a/src/screens/Search/modules/ExploreInterestsCard.tsx b/src/screens/Search/modules/ExploreInterestsCard.tsx
index b5e7b7d2e..00014ffc6 100644
--- a/src/screens/Search/modules/ExploreInterestsCard.tsx
+++ b/src/screens/Search/modules/ExploreInterestsCard.tsx
@@ -63,7 +63,7 @@ export function ExploreInterestsCard() {
           ]}>
           <View style={[a.flex_row, a.gap_sm, a.align_center]}>
             <Shapes />
-            <Text style={[a.text_xl, a.font_semi_bold, a.leading_tight]}>
+            <Text style={[a.text_xl, a.font_bold, a.leading_tight]}>
               <Trans>Your interests</Trans>
             </Text>
           </View>
diff --git a/src/screens/Search/modules/ExploreRecommendations.tsx b/src/screens/Search/modules/ExploreRecommendations.tsx
index 491ad505f..de70240b1 100644
--- a/src/screens/Search/modules/ExploreRecommendations.tsx
+++ b/src/screens/Search/modules/ExploreRecommendations.tsx
@@ -50,7 +50,7 @@ function Inner() {
               fill={t.palette.primary_500}
               style={{marginLeft: -2}}
             />
-            <Text style={[a.text_2xl, a.font_bold, t.atoms.text]}>
+            <Text style={[a.text_2xl, a.font_heavy, t.atoms.text]}>
               <Trans>Recommended</Trans>
             </Text>
           </View>
diff --git a/src/screens/Search/modules/ExploreTrendingTopics.tsx b/src/screens/Search/modules/ExploreTrendingTopics.tsx
index 501d7f553..fa2b13b6f 100644
--- a/src/screens/Search/modules/ExploreTrendingTopics.tsx
+++ b/src/screens/Search/modules/ExploreTrendingTopics.tsx
@@ -104,7 +104,7 @@ export function TrendRow({
                 <Text
                   style={[
                     a.text_md,
-                    a.font_semi_bold,
+                    a.font_bold,
                     a.leading_tight,
                     {width: 20},
                   ]}>
@@ -113,7 +113,7 @@ export function TrendRow({
                   </Trans>
                 </Text>
                 <Text
-                  style={[a.text_md, a.font_semi_bold, a.leading_tight]}
+                  style={[a.text_md, a.font_bold, a.leading_tight]}
                   numberOfLines={1}>
                   {trend.displayName}
                 </Text>
diff --git a/src/screens/Settings/AccountSettings.tsx b/src/screens/Settings/AccountSettings.tsx
index 800880ca5..8f320459c 100644
--- a/src/screens/Settings/AccountSettings.tsx
+++ b/src/screens/Settings/AccountSettings.tsx
@@ -97,7 +97,7 @@ export function AccountSettingsScreen({}: Props) {
                 color={t.palette.primary_500}
               />
               <SettingsList.ItemText
-                style={[{color: t.palette.primary_500}, a.font_semi_bold]}>
+                style={[{color: t.palette.primary_500}, a.font_bold]}>
                 <Trans>Verify your email</Trans>
               </SettingsList.ItemText>
               <SettingsList.Chevron color={t.palette.primary_500} />
diff --git a/src/screens/Settings/AppIconSettings/index.tsx b/src/screens/Settings/AppIconSettings/index.tsx
index ad4ed7761..953ae2e60 100644
--- a/src/screens/Settings/AppIconSettings/index.tsx
+++ b/src/screens/Settings/AppIconSettings/index.tsx
@@ -93,7 +93,7 @@ export function AppIconSettingsScreen({}: Props) {
                 a.text_md,
                 a.mt_xl,
                 a.mb_sm,
-                a.font_semi_bold,
+                a.font_bold,
                 t.atoms.text_contrast_medium,
               ]}>
               <Trans>Bluesky+</Trans>
@@ -201,12 +201,7 @@ function RowText({children}: {children: React.ReactNode}) {
   const t = useTheme()
   return (
     <Text
-      style={[
-        a.text_md,
-        a.font_semi_bold,
-        a.flex_1,
-        t.atoms.text_contrast_medium,
-      ]}
+      style={[a.text_md, a.font_bold, a.flex_1, t.atoms.text_contrast_medium]}
       emoji>
       {children}
     </Text>
diff --git a/src/screens/Settings/NotificationSettings/ActivityNotificationSettings.tsx b/src/screens/Settings/NotificationSettings/ActivityNotificationSettings.tsx
index 3f2503bb8..b00170f3a 100644
--- a/src/screens/Settings/NotificationSettings/ActivityNotificationSettings.tsx
+++ b/src/screens/Settings/NotificationSettings/ActivityNotificationSettings.tsx
@@ -140,10 +140,7 @@ export function ActivityNotificationSettingsScreen({}: Props) {
                           Enable notifications for an account by visiting their
                           profile and pressing the{' '}
                           <RNText
-                            style={[
-                              a.font_semi_bold,
-                              t.atoms.text_contrast_high,
-                            ]}>
+                            style={[a.font_bold, t.atoms.text_contrast_high]}>
                             bell icon
                           </RNText>{' '}
                           <BellRingingFilledIcon
@@ -160,7 +157,7 @@ export function ActivityNotificationSettingsScreen({}: Props) {
                           <InlineLinkText
                             label={_(msg`Privacy and Security settings`)}
                             to={{screen: 'ActivityPrivacySettings'}}
-                            style={[a.font_semi_bold]}>
+                            style={[a.font_bold]}>
                             Settings &rarr; Privacy and Security
                           </InlineLinkText>
                           .
diff --git a/src/screens/Settings/NotificationSettings/components/ItemTextWithSubtitle.tsx b/src/screens/Settings/NotificationSettings/components/ItemTextWithSubtitle.tsx
index 32d99ec71..217fc33b9 100644
--- a/src/screens/Settings/NotificationSettings/components/ItemTextWithSubtitle.tsx
+++ b/src/screens/Settings/NotificationSettings/components/ItemTextWithSubtitle.tsx
@@ -19,7 +19,7 @@ export function ItemTextWithSubtitle({
   const t = useTheme()
   return (
     <View style={[a.flex_1, bold ? a.gap_xs : a.gap_2xs]}>
-      <SettingsList.ItemText style={bold && [a.font_semi_bold, a.text_lg]}>
+      <SettingsList.ItemText style={bold && [a.font_bold, a.text_lg]}>
         {titleText}
       </SettingsList.ItemText>
       {showSkeleton ? (
diff --git a/src/screens/Settings/NotificationSettings/components/PreferenceControls.tsx b/src/screens/Settings/NotificationSettings/components/PreferenceControls.tsx
index e63f06b4a..ce46541fd 100644
--- a/src/screens/Settings/NotificationSettings/components/PreferenceControls.tsx
+++ b/src/screens/Settings/NotificationSettings/components/PreferenceControls.tsx
@@ -150,7 +150,7 @@ export function Inner({
       {'include' in preference && (
         <>
           <Divider />
-          <Text style={[a.font_semi_bold, a.text_md]}>
+          <Text style={[a.font_bold, a.text_md]}>
             <Trans>From</Trans>
           </Text>
           <Toggle.Group
diff --git a/src/screens/Settings/components/AddAppPasswordDialog.tsx b/src/screens/Settings/components/AddAppPasswordDialog.tsx
index 8e1cc0dee..7eaee2c71 100644
--- a/src/screens/Settings/components/AddAppPasswordDialog.tsx
+++ b/src/screens/Settings/components/AddAppPasswordDialog.tsx
@@ -107,7 +107,7 @@ function CreateDialogInner({passwords}: {passwords: string[]}) {
               style={[a.gap_lg]}
               exiting={native(SlideOutLeft)}
               key={0}>
-              <Text style={[a.text_2xl, a.font_semi_bold]}>
+              <Text style={[a.text_2xl, a.font_bold]}>
                 <Trans>Add App Password</Trans>
               </Text>
               <Text style={[a.text_md, a.leading_snug]}>
@@ -183,7 +183,7 @@ function CreateDialogInner({passwords}: {passwords: string[]}) {
               style={[a.gap_lg]}
               entering={isWeb ? FadeIn.delay(200) : SlideInRight}
               key={1}>
-              <Text style={[a.text_2xl, a.font_semi_bold]}>
+              <Text style={[a.text_2xl, a.font_bold]}>
                 <Trans>Here is your app password!</Trans>
               </Text>
               <Text style={[a.text_md, a.leading_snug]}>
diff --git a/src/screens/Settings/components/ChangeHandleDialog.tsx b/src/screens/Settings/components/ChangeHandleDialog.tsx
index 588a0a3ba..8002c172f 100644
--- a/src/screens/Settings/components/ChangeHandleDialog.tsx
+++ b/src/screens/Settings/components/ChangeHandleDialog.tsx
@@ -244,7 +244,7 @@ function ProvidedHandlePage({
           <Text>
             <Trans>
               Your full handle will be{' '}
-              <Text style={[a.font_semi_bold]}>
+              <Text style={[a.font_bold]}>
                 @{createFullHandle(subdomain, host)}
               </Text>
             </Trans>
@@ -280,7 +280,7 @@ function ProvidedHandlePage({
                   }),
                 )}
                 to="https://bsky.social/about/blog/4-28-2023-domain-handle-tutorial"
-                style={[a.font_semi_bold]}
+                style={[a.font_bold]}
                 disableMismatchWarning>
                 Learn more here.
               </InlineLinkText>
@@ -522,7 +522,7 @@ function OwnHandlePage({goToServiceHandle}: {goToServiceHandle: () => void}) {
           <Admonition type="info" style={[a.mb_md]}>
             <Trans>
               Your current handle{' '}
-              <Text style={[a.font_semi_bold]}>
+              <Text style={[a.font_bold]}>
                 {sanitizeHandle(currentAccount?.handle || '', '@')}
               </Text>{' '}
               will automatically remain reserved for you. You can switch back to
diff --git a/src/screens/Settings/components/ChangePasswordDialog.tsx b/src/screens/Settings/components/ChangePasswordDialog.tsx
index 4b09dffa6..7e3e62eee 100644
--- a/src/screens/Settings/components/ChangePasswordDialog.tsx
+++ b/src/screens/Settings/components/ChangePasswordDialog.tsx
@@ -165,7 +165,7 @@ function Inner() {
       style={web({maxWidth: 400})}>
       <View style={[a.gap_xl]}>
         <View style={[a.gap_sm]}>
-          <Text style={[a.font_bold, a.text_2xl]}>
+          <Text style={[a.font_heavy, a.text_2xl]}>
             {uiStrings[stage].title}
           </Text>
           {error ? (
diff --git a/src/screens/Settings/components/CopyButton.tsx b/src/screens/Settings/components/CopyButton.tsx
index 2fc531abb..5bc9e84c5 100644
--- a/src/screens/Settings/components/CopyButton.tsx
+++ b/src/screens/Settings/components/CopyButton.tsx
@@ -58,7 +58,7 @@ export function CopyButton({
           pointerEvents="none">
           <Text
             style={[
-              a.font_semi_bold,
+              a.font_bold,
               a.text_right,
               a.text_md,
               t.atoms.text_contrast_high,
diff --git a/src/screens/Settings/components/DisableEmail2FADialog.tsx b/src/screens/Settings/components/DisableEmail2FADialog.tsx
index aec3f2999..70889fca8 100644
--- a/src/screens/Settings/components/DisableEmail2FADialog.tsx
+++ b/src/screens/Settings/components/DisableEmail2FADialog.tsx
@@ -85,7 +85,7 @@ export function DisableEmail2FADialog({
         <View style={[a.relative, a.gap_md, a.w_full]}>
           <Text
             nativeID="dialog-title"
-            style={[a.text_2xl, a.font_semi_bold, t.atoms.text]}>
+            style={[a.text_2xl, a.font_bold, t.atoms.text]}>
             <Trans>Disable Email 2FA</Trans>
           </Text>
           <P nativeID="dialog-description">
diff --git a/src/screens/Settings/components/ExportCarDialog.tsx b/src/screens/Settings/components/ExportCarDialog.tsx
index 66642304e..d5131c5c6 100644
--- a/src/screens/Settings/components/ExportCarDialog.tsx
+++ b/src/screens/Settings/components/ExportCarDialog.tsx
@@ -58,7 +58,7 @@ export function ExportCarDialog({
         accessibilityDescribedBy="dialog-description"
         accessibilityLabelledBy="dialog-title">
         <View style={[a.relative, a.gap_lg, a.w_full]}>
-          <Text nativeID="dialog-title" style={[a.text_2xl, a.font_bold]}>
+          <Text nativeID="dialog-title" style={[a.text_2xl, a.font_heavy]}>
             <Trans>Export My Data</Trans>
           </Text>
           <Text
diff --git a/src/screens/Signup/index.tsx b/src/screens/Signup/index.tsx
index aa6cd4156..21f9547d0 100644
--- a/src/screens/Signup/index.tsx
+++ b/src/screens/Signup/index.tsx
@@ -133,7 +133,7 @@ export function Signup({onPressBack}: {onPressBack: () => void}) {
               <Animated.View entering={!isFetchedAtMount ? FadeIn : undefined}>
                 <LinearGradientBackground
                   style={[a.mx_lg, a.p_lg, a.gap_sm, a.rounded_sm]}>
-                  <Text style={[a.font_semi_bold, a.text_xl, {color: 'white'}]}>
+                  <Text style={[a.font_bold, a.text_xl, {color: 'white'}]}>
                     {starterPack.record.name}
                   </Text>
                   <Text style={[{color: 'white'}]}>
@@ -164,8 +164,7 @@ export function Signup({onPressBack}: {onPressBack: () => void}) {
                     !gtMobile && {paddingBottom: 100},
                   ]}>
                   <View style={[a.gap_sm, a.pb_3xl]}>
-                    <Text
-                      style={[a.font_semi_bold, t.atoms.text_contrast_medium]}>
+                    <Text style={[a.font_bold, t.atoms.text_contrast_medium]}>
                       <Trans>
                         Step {state.activeStep + 1} of{' '}
                         {state.serviceDescription &&
@@ -174,7 +173,7 @@ export function Signup({onPressBack}: {onPressBack: () => void}) {
                           : '3'}
                       </Trans>
                     </Text>
-                    <Text style={[a.text_3xl, a.font_semi_bold]}>
+                    <Text style={[a.text_3xl, a.font_bold]}>
                       {state.activeStep === SignupStep.INFO ? (
                         <Trans>Your account</Trans>
                       ) : state.activeStep === SignupStep.HANDLE ? (
diff --git a/src/view/com/auth/SplashScreen.tsx b/src/view/com/auth/SplashScreen.tsx
index 3442d1bdf..6861bfeba 100644
--- a/src/view/com/auth/SplashScreen.tsx
+++ b/src/view/com/auth/SplashScreen.tsx
@@ -44,7 +44,7 @@ export const SplashScreen = ({
             <Text
               style={[
                 a.text_md,
-                a.font_semi_bold,
+                a.font_bold,
                 t.atoms.text_contrast_medium,
                 a.text_center,
               ]}>
diff --git a/src/view/com/util/images/AutoSizedImage.tsx b/src/view/com/util/images/AutoSizedImage.tsx
index 0325b782c..e16ab0259 100644
--- a/src/view/com/util/images/AutoSizedImage.tsx
+++ b/src/view/com/util/images/AutoSizedImage.tsx
@@ -185,7 +185,8 @@ export function AutoSizedImage({
                   },
                 ],
               ]}>
-              <Text style={[a.font_bold, largeAlt ? a.text_xs : {fontSize: 8}]}>
+              <Text
+                style={[a.font_heavy, largeAlt ? a.text_xs : {fontSize: 8}]}>
                 ALT
               </Text>
             </View>
diff --git a/src/view/screens/Feeds.tsx b/src/view/screens/Feeds.tsx
index 0ba714d40..e0eae6f07 100644
--- a/src/view/screens/Feeds.tsx
+++ b/src/view/screens/Feeds.tsx
@@ -709,7 +709,7 @@ function FeedsSavedHeader() {
       <IconCircle icon={ListSparkle_Stroke2_Corner0_Rounded} size="lg" />
       <View style={[a.flex_1, a.gap_xs]}>
         <Text style={[a.flex_1, a.text_2xl, a.font_heavy, t.atoms.text]}>
-          <Trans>My Feeds </Trans>
+          <Trans>My Feeds</Trans>
         </Text>
         <Text style={[t.atoms.text_contrast_high]}>
           <Trans>All the feeds you've saved, right in one place.</Trans>
@@ -735,7 +735,7 @@ function FeedsAboutHeader() {
       />
       <View style={[a.flex_1, a.gap_sm]}>
         <Text style={[a.flex_1, a.text_2xl, a.font_heavy, t.atoms.text]}>
-          <Trans>Discover New Feeds </Trans>
+          <Trans>Discover New Feeds</Trans>
         </Text>
         <Text style={[t.atoms.text_contrast_high]}>
           <Trans>
diff --git a/yarn.lock b/yarn.lock
index a773233e7..8c09828e7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3635,13 +3635,6 @@
   resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-6.0.4.tgz#923ca57e173c6b232bbbb07347b1be982f03e783"
   integrity sha512-s3jaWicZd0pkP0jf5ysyHUI/RE7MHos6qlToFcGWXVp+ykHOy77OUMrfbgJ9it2C5bow7OIQwYYaHjk9XlBQ2A==
 
-"@bsky.app/alf@^0.1.2":
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/@bsky.app/alf/-/alf-0.1.2.tgz#8e3b3cd0b27f1dfe359d99edd2afd7d123b7ab69"
-  integrity sha512-lIidmkoHsqXwj07BY4fYIu/JyWGXRAGLfh65qhGzWpXLTK1DGyoQUjz5CwsqTDSQWpCfBC7eEaOtYjjv9cAjSQ==
-  dependencies:
-    react-responsive "^10.0.1"
-
 "@bufbuild/protobuf@^1.5.0":
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/@bufbuild/protobuf/-/protobuf-1.7.0.tgz#cecddc8162a231642b410bc7b99309cd5969733c"