diff --git a/android/app/build.gradle.kts b/android/app/build.gradle.kts
index 491bc072..92d5969f 100644
--- a/android/app/build.gradle.kts
+++ b/android/app/build.gradle.kts
@@ -97,6 +97,7 @@ dependencies {
   implementation(libs.androidx.ui.graphics)
   implementation(libs.androidx.ui.tooling.preview)
   implementation(libs.androidx.material3)
+  implementation(libs.androidx.shapes)
   implementation(libs.androidx.browser)
   implementation(libs.androidx.datastore)
 
diff --git a/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsComponents.kt b/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsComponents.kt
new file mode 100644
index 00000000..639beb04
--- /dev/null
+++ b/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsComponents.kt
@@ -0,0 +1,430 @@
+package com.emergetools.hackernews.features.settings
+
+import androidx.compose.animation.animateColorAsState
+import androidx.compose.animation.core.LinearEasing
+import androidx.compose.animation.core.Spring
+import androidx.compose.animation.core.animateFloatAsState
+import androidx.compose.animation.core.spring
+import androidx.compose.animation.core.tween
+import androidx.compose.foundation.Canvas
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.wrapContentSize
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.rounded.Home
+import androidx.compose.material3.Icon
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableFloatStateOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.runtime.withFrameMillis
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.drawBehind
+import androidx.compose.ui.geometry.Offset
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.asComposePath
+import androidx.compose.ui.graphics.drawscope.withTransform
+import androidx.compose.ui.graphics.graphicsLayer
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.tooling.preview.PreviewLightDark
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.graphics.shapes.CornerRounding
+import androidx.graphics.shapes.RoundedPolygon
+import androidx.graphics.shapes.star
+import androidx.graphics.shapes.toPath
+import com.emergetools.hackernews.R
+import com.emergetools.hackernews.ui.theme.DeepSpaceBlue
+import com.emergetools.hackernews.ui.theme.HackerBlue
+import com.emergetools.hackernews.ui.theme.HackerGreen
+import com.emergetools.hackernews.ui.theme.HackerNewsTheme
+import com.emergetools.hackernews.ui.theme.MidnightBlue
+import com.emergetools.hackernews.ui.theme.unbounded
+import kotlin.math.PI
+import kotlin.math.abs
+import kotlin.math.cos
+import kotlin.math.floor
+import kotlin.math.sin
+
+private fun Int.pi() = this * PI.toFloat()
+private fun fract(x: Float) = x - floor(x)
+private fun dot(one: Offset, two: Offset): Float {
+  return (one.x * two.x) + (one.y * two.y)
+}
+
+private fun rand(vec2: Offset): Float {
+  return fract(sin(dot(vec2, Offset(12.9898f, 78.233f))) * 43758.547f)
+}
+
+@Composable
+private fun SpaceBackground(
+  modifier: Modifier = Modifier
+) {
+  var time by remember { mutableFloatStateOf(0f) }
+  LaunchedEffect(Unit) {
+    do {
+      withFrameMillis {
+        time += 0.01f
+      }
+    } while (true)
+  }
+
+  Canvas(
+    modifier = modifier.background(
+      brush = Brush.radialGradient(
+        0.1f to DeepSpaceBlue,
+        1.0f to MidnightBlue,
+        radius = 700f
+      )
+    )
+  ) {
+    val layers = 10
+    val starsPerLayer = 30
+
+    for (layer in 1..layers) {
+      var scale = fract((time / 4f) + (layer / layers.toFloat())) // 0f..1f
+      val alpha = 1f - (cos(scale * 2.pi()) + 1) / 2f // 0..1..0 fade in then fade out
+      scale += 0.6f // shifts the range to 0.6f..1.6f
+
+      for (star in 1..starsPerLayer) {
+        // pick a random position to draw a circle
+        val randomXFactor = 6.059f
+        val randomYFactor = 4.321f
+        val x =
+          size.width * ((sin(star.toFloat() * layer.toFloat() * randomXFactor) * scale) + 1) / 2f
+        val y =
+          size.height * ((sin(star.toFloat() * layer.toFloat() * randomYFactor) * scale) + 1) / 2f
+        val r = abs(cos(star.toFloat())) * 16.0f * scale
+
+        val vertices = (star * layer) % 5 + 3
+        val shape = if (vertices % 2 == 0) {
+          RoundedPolygon.star(
+            numVerticesPerRadius = vertices,
+            innerRadius = r * 0.2f,
+            radius = r,
+            rounding = CornerRounding(r * 0.03f),
+            centerX = x,
+            centerY = y
+          )
+        } else {
+          RoundedPolygon(
+            numVertices = vertices,
+            radius = r,
+            rounding = CornerRounding(r * 0.2f),
+            centerX = x,
+            centerY = y
+          )
+        }
+        withTransform({
+          rotate(
+            degrees = (time / 2f) * rand(Offset(layer.toFloat(), star.toFloat())) * 360f,
+            pivot = Offset(x, y)
+          )
+        }) {
+          drawPath(
+            path = shape.toPath().asComposePath(),
+            color = Color(1f, 1f, 1f, alpha)
+          )
+        }
+      }
+    }
+  }
+}
+
+@Composable
+fun BuiltByCard(
+  onClick: () -> Unit = {}
+) {
+  Box(
+    modifier = Modifier
+      .fillMaxWidth()
+      .height(240.dp)
+      .clip(RoundedCornerShape(8.dp))
+      .clickable { onClick() },
+    contentAlignment = Alignment.Center
+  ) {
+    SpaceBackground(modifier = Modifier.fillMaxSize())
+    Column(
+      modifier = Modifier.fillMaxSize(),
+      verticalArrangement = Arrangement.Center,
+      horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+      Text(
+        text = "Built with 👽 by",
+        color = Color.White,
+        style = MaterialTheme.typography.labelSmall,
+        fontWeight = FontWeight.Bold
+      )
+      Row(
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.spacedBy(4.dp)
+      ) {
+        Text(
+          text = "emerge",
+          color = Color.White,
+          style = MaterialTheme.typography.titleSmall,
+          fontSize = 18.sp
+        )
+        Text("✚", color = Color.White, fontSize = 12.sp)
+        Text(
+          text = "supergooey",
+          color = Color.White,
+          fontFamily = unbounded,
+          style = MaterialTheme.typography.titleSmall
+        )
+      }
+    }
+  }
+}
+
+@Preview
+@Composable
+fun BuiltByCardPrevew() {
+  HackerNewsTheme {
+    BuiltByCard()
+  }
+}
+
+@Composable
+fun LoginCard(
+  state: SettingsState,
+  onClicked: () -> Unit
+) {
+  val iconScale by animateFloatAsState(
+    targetValue = if (state.loggedIn) 1.5f else 1f,
+    label = "Icon Scale"
+  )
+  val likeColor by animateColorAsState(
+    targetValue = if (state.loggedIn) HackerGreen else MaterialTheme.colorScheme.onSurface.copy(
+      alpha = 0.2f
+    ),
+    label = "Like Icon Color"
+  )
+  val likeRotation by animateFloatAsState(
+    targetValue = if (state.loggedIn) 5f else 0f,
+    animationSpec = spring(
+      stiffness = Spring.StiffnessVeryLow,
+      dampingRatio = Spring.DampingRatioHighBouncy
+    ),
+    label = "Like Icon Rotation"
+  )
+  val commentColor by animateColorAsState(
+    targetValue = if (state.loggedIn) HackerBlue else MaterialTheme.colorScheme.onSurface.copy(alpha = 0.2f),
+    label = "Comment Icon Color"
+  )
+  val commentRotation by animateFloatAsState(
+    targetValue = if (state.loggedIn) -5f else 0f,
+    animationSpec = spring(
+      stiffness = Spring.StiffnessVeryLow,
+      dampingRatio = Spring.DampingRatioHighBouncy
+    ),
+    label = "Comment Icon Rotation"
+  )
+  val glowColor by animateColorAsState(
+    targetValue = if (state.loggedIn) HackerGreen else Color.Transparent,
+    animationSpec = tween(durationMillis = 600, easing = LinearEasing),
+    label = "Glow Color"
+  )
+  val blinkColor by animateColorAsState(
+    targetValue = if (state.loggedIn) {
+      HackerGreen
+    } else {
+      MaterialTheme.colorScheme.onSurface.copy(alpha = 0.2f)
+    },
+    label = "Glow Color"
+  )
+  Column(
+    modifier = Modifier
+      .fillMaxWidth()
+      .clip(RoundedCornerShape(8.dp))
+      .clickable { onClicked() }
+      .background(color = MaterialTheme.colorScheme.surface)
+      .padding(16.dp)
+  ) {
+    Row(modifier = Modifier.fillMaxWidth(), verticalAlignment = Alignment.CenterVertically) {
+      Row(
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.spacedBy(4.dp)
+      ) {
+        Box(
+          modifier = Modifier
+            .size(16.dp)
+            .drawBehind {
+              val blinkRadius = size.width * 0.15f
+              val glowRadius = size.width
+              drawCircle(
+                radius = glowRadius,
+                brush = Brush.radialGradient(
+                  0.0f to glowColor,
+                  1.0f to Color.Transparent
+                )
+              )
+              drawCircle(
+                radius = blinkRadius,
+                color = blinkColor
+              )
+            },
+        )
+        Text(
+          text = if (state.loggedIn) "Logout" else "Login",
+          style = MaterialTheme.typography.labelMedium,
+          color = MaterialTheme.colorScheme.onSurface,
+          fontSize = 16.sp,
+          fontWeight = FontWeight.Bold
+        )
+      }
+      Spacer(modifier = Modifier.weight(1f))
+      Row(
+        horizontalArrangement = Arrangement.spacedBy(
+          space = 8.dp,
+          alignment = Alignment.CenterHorizontally
+        ),
+        verticalAlignment = Alignment.CenterVertically
+      ) {
+        Icon(
+          modifier = Modifier
+            .graphicsLayer {
+              rotationZ = likeRotation
+              scaleX = iconScale
+              scaleY = iconScale
+            }
+            .size(12.dp),
+          painter = painterResource(R.drawable.ic_upvote),
+          tint = likeColor,
+          contentDescription = "Likes"
+        )
+        Icon(
+          modifier = Modifier
+            .graphicsLayer {
+              rotationZ = commentRotation
+              scaleX = iconScale
+              scaleY = iconScale
+            }
+            .size(12.dp),
+          painter = painterResource(R.drawable.ic_chat),
+          tint = commentColor,
+          contentDescription = "Comments"
+        )
+      }
+    }
+  }
+}
+
+@PreviewLightDark
+@Composable
+private fun LoginCardPreview() {
+  var loggedIn by remember { mutableStateOf(false) }
+  HackerNewsTheme {
+    LoginCard(
+      state = SettingsState(loggedIn = loggedIn),
+      onClicked = { loggedIn = !loggedIn }
+    )
+  }
+}
+
+@PreviewLightDark
+@Composable
+private fun LoginCardLoggedInPreview() {
+  HackerNewsTheme {
+    LoginCard(
+      state = SettingsState(loggedIn = true),
+      onClicked = {}
+    )
+  }
+}
+
+@Composable
+fun SettingsCard(
+  leadingIcon: (@Composable () -> Unit)? = null,
+  trailingIcon: (@Composable () -> Unit)? = null,
+  label: String,
+  onClicked: () -> Unit
+) {
+  Row(
+    modifier = Modifier
+      .fillMaxWidth()
+      .clip(RoundedCornerShape(8.dp))
+      .clickable { onClicked() }
+      .background(color = MaterialTheme.colorScheme.surface)
+      .padding(16.dp),
+    verticalAlignment = Alignment.CenterVertically,
+    horizontalArrangement = Arrangement.spacedBy(8.dp)
+  ) {
+    leadingIcon?.invoke()
+    Text(
+      text = label,
+      style = MaterialTheme.typography.labelMedium,
+      color = MaterialTheme.colorScheme.onSurface,
+      fontSize = 16.sp,
+      fontWeight = FontWeight.Medium
+    )
+    if (trailingIcon != null) {
+      Spacer(modifier = Modifier.weight(1f))
+      trailingIcon.invoke()
+    }
+  }
+}
+
+@PreviewLightDark
+@Composable
+fun SettingsCardPreview() {
+  HackerNewsTheme {
+    SettingsCard(
+      leadingIcon = {
+        Icon(
+          modifier = Modifier.size(12.dp),
+          imageVector = Icons.Rounded.Home,
+          tint = HackerBlue,
+          contentDescription = ""
+        )
+      },
+      label = "Settings Card"
+    ) { }
+  }
+}
+
+@Composable
+fun SettingsSectionLabel(section: String) {
+  Text(
+    text = section,
+    style = MaterialTheme.typography.labelSmall,
+    fontWeight = FontWeight.Medium,
+    color = MaterialTheme.colorScheme.onBackground,
+    fontSize = 12.sp
+  )
+}
+
+@PreviewLightDark
+@Composable
+fun SettingsSectionLabelPreview() {
+  HackerNewsTheme {
+    Box(
+      Modifier
+        .wrapContentSize()
+        .background(color = MaterialTheme.colorScheme.surface)
+    ) {
+      SettingsSectionLabel("Section Title")
+    }
+  }
+}
diff --git a/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsDomain.kt b/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsDomain.kt
index 5e121b11..2a3b9819 100644
--- a/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsDomain.kt
+++ b/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsDomain.kt
@@ -26,6 +26,7 @@ sealed interface SettingsNavigation {
   data object GoToLogin : SettingsNavigation {
     val login = LoginDestinations.Login
   }
+  data class GoToSettingsLink(val url: String) : SettingsNavigation
 }
 
 class SettingsViewModel(private val userStorage: UserStorage) : ViewModel() {
diff --git a/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsRouting.kt b/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsRouting.kt
index 38e42cf1..725b0a61 100644
--- a/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsRouting.kt
+++ b/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsRouting.kt
@@ -1,5 +1,6 @@
 package com.emergetools.hackernews.features.settings
 
+import android.net.Uri
 import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
 import androidx.compose.ui.platform.LocalContext
@@ -7,6 +8,7 @@ import androidx.lifecycle.viewmodel.compose.viewModel
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
 import androidx.navigation.compose.composable
+import com.emergetools.hackernews.data.LocalCustomTabsIntent
 import com.emergetools.hackernews.userStorage
 import kotlinx.serialization.Serializable
 
@@ -18,6 +20,7 @@ sealed interface SettingsDestinations {
 fun NavGraphBuilder.settingsRoutes(navController: NavController) {
   composable<SettingsDestinations.Settings> {
     val context = LocalContext.current
+    val intent = LocalCustomTabsIntent.current
     val model = viewModel<SettingsViewModel>(
       factory = SettingsViewModel.Factory(
         userStorage = context.userStorage()
@@ -32,8 +35,12 @@ fun NavGraphBuilder.settingsRoutes(navController: NavController) {
           is SettingsNavigation.GoToLogin -> {
             navController.navigate(place.login)
           }
+
+          is SettingsNavigation.GoToSettingsLink -> {
+            intent.launchUrl(context, Uri.parse(place.url))
+          }
         }
       }
     )
   }
-}
\ No newline at end of file
+}
diff --git a/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsScreen.kt b/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsScreen.kt
index 6bc703bf..b96cb367 100644
--- a/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsScreen.kt
+++ b/android/app/src/main/java/com/emergetools/hackernews/features/settings/SettingsScreen.kt
@@ -1,50 +1,28 @@
 package com.emergetools.hackernews.features.settings
 
-import androidx.compose.animation.animateColorAsState
-import androidx.compose.animation.core.LinearEasing
-import androidx.compose.animation.core.Spring
-import androidx.compose.animation.core.animateFloatAsState
-import androidx.compose.animation.core.spring
-import androidx.compose.animation.core.tween
 import androidx.compose.foundation.background
-import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.layout.width
 import androidx.compose.material.icons.Icons
-import androidx.compose.material.icons.rounded.ThumbUp
+import androidx.compose.material.icons.rounded.Warning
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
-import androidx.compose.ui.draw.drawBehind
-import androidx.compose.ui.graphics.Brush
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.graphics.graphicsLayer
 import androidx.compose.ui.res.painterResource
-import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.PreviewLightDark
 import androidx.compose.ui.unit.dp
-import androidx.compose.ui.unit.sp
 import com.emergetools.hackernews.R
 import com.emergetools.hackernews.ui.theme.HackerBlue
-import com.emergetools.hackernews.ui.theme.HackerGreen
 import com.emergetools.hackernews.ui.theme.HackerNewsTheme
-import com.emergetools.hackernews.ui.theme.HackerRed
+import com.emergetools.hackernews.ui.theme.HackerOrange
 
 @Composable
 fun SettingsScreen(
@@ -68,18 +46,7 @@ fun SettingsScreen(
     Column(
       verticalArrangement = Arrangement.spacedBy(4.dp)
     ) {
-      Row(
-        horizontalArrangement = Arrangement.spacedBy(4.dp),
-        verticalAlignment = Alignment.CenterVertically
-      ) {
-        Text(
-          text = "Profile",
-          style = MaterialTheme.typography.labelSmall,
-          fontWeight = FontWeight.Medium,
-          color = MaterialTheme.colorScheme.onBackground,
-          fontSize = 12.sp
-        )
-      }
+      SettingsSectionLabel("Profile")
       LoginCard(
         state = state,
         onClicked = {
@@ -90,6 +57,72 @@ fun SettingsScreen(
           }
         }
       )
+      Spacer(modifier = Modifier.height(8.dp))
+      SettingsSectionLabel("About")
+      BuiltByCard {
+        navigation(SettingsNavigation.GoToSettingsLink("https://www.emergetools.com"))
+      }
+      SettingsCard(
+        leadingIcon = {
+          Icon(
+            modifier = Modifier.width(12.dp),
+            painter = painterResource(R.drawable.ic_twitter),
+            tint = HackerBlue,
+            contentDescription = "Twitter"
+          )
+        },
+        trailingIcon = {
+          Icon(
+            modifier = Modifier.width(12.dp),
+            painter = painterResource(R.drawable.ic_arrow_up_right),
+            tint = MaterialTheme.colorScheme.onSurface,
+            contentDescription = "Link"
+          )
+        },
+        label = "Follow Emerge"
+      ) {
+        navigation(SettingsNavigation.GoToSettingsLink("https://www.twitter.com/emergetools"))
+      }
+      SettingsCard(
+        leadingIcon = {
+          Icon(
+            modifier = Modifier.width(12.dp),
+            painter = painterResource(R.drawable.ic_twitter),
+            tint = HackerBlue,
+            contentDescription = "Twitter"
+          )
+        },
+        trailingIcon = {
+          Icon(
+            modifier = Modifier.width(12.dp),
+            painter = painterResource(R.drawable.ic_arrow_up_right),
+            tint = MaterialTheme.colorScheme.onSurface,
+            contentDescription = "Link"
+          )
+        },
+        label = "Follow Supergooey"
+      ) {
+        navigation(SettingsNavigation.GoToSettingsLink("https://www.twitter.com/heyrikin"))
+      }
+      SettingsCard(
+        leadingIcon = {
+          Icon(
+            modifier = Modifier.width(14.dp),
+            imageVector = Icons.Rounded.Warning,
+            tint = HackerOrange,
+            contentDescription = "Twitter"
+          )
+        },
+        trailingIcon = {
+          Icon(
+            modifier = Modifier.width(12.dp),
+            painter = painterResource(R.drawable.ic_arrow_up_right),
+            tint = MaterialTheme.colorScheme.onSurface,
+            contentDescription = "Link"
+          )
+        },
+        label = "Send Feedback"
+      ) { }
     }
   }
 }
@@ -105,155 +138,3 @@ private fun SettingsScreenPreview() {
     )
   }
 }
-
-@Composable
-fun LoginCard(
-  state: SettingsState,
-  onClicked: () -> Unit
-) {
-  val iconScale by animateFloatAsState(
-    targetValue = if (state.loggedIn) 1.5f else 1f,
-    label = "Icon Scale"
-  )
-  val personColor by animateColorAsState(
-    targetValue = if (state.loggedIn) HackerRed else MaterialTheme.colorScheme.onSurface.copy(alpha = 0.2f),
-    label = "Person Icon Color"
-  )
-  val likeColor by animateColorAsState(
-    targetValue = if (state.loggedIn) HackerGreen else MaterialTheme.colorScheme.onSurface.copy(
-      alpha = 0.2f
-    ),
-    label = "Like Icon Color"
-  )
-  val likeRotation by animateFloatAsState(
-    targetValue = if (state.loggedIn) 5f else 0f,
-    animationSpec = spring(
-      stiffness = Spring.StiffnessVeryLow,
-      dampingRatio = Spring.DampingRatioHighBouncy
-    ),
-    label = "Like Icon Rotation"
-  )
-  val commentColor by animateColorAsState(
-    targetValue = if (state.loggedIn) HackerBlue else MaterialTheme.colorScheme.onSurface.copy(alpha = 0.2f),
-    label = "Comment Icon Color"
-  )
-  val commentRotation by animateFloatAsState(
-    targetValue = if (state.loggedIn) -5f else 0f,
-    animationSpec = spring(
-      stiffness = Spring.StiffnessVeryLow,
-      dampingRatio = Spring.DampingRatioHighBouncy
-    ),
-    label = "Comment Icon Rotation"
-  )
-  val glowColor by animateColorAsState(
-    targetValue = if (state.loggedIn) HackerGreen else Color.Transparent,
-    animationSpec = tween(durationMillis = 600, easing = LinearEasing),
-    label = "Glow Color"
-  )
-  val blinkColor by animateColorAsState(
-    targetValue = if (state.loggedIn) {
-      HackerGreen
-    } else {
-      MaterialTheme.colorScheme.onSurface.copy(alpha = 0.2f)
-    },
-    label = "Glow Color"
-  )
-  Column(
-    modifier = Modifier
-      .fillMaxWidth()
-      .clip(RoundedCornerShape(8.dp))
-      .background(color = MaterialTheme.colorScheme.surface)
-      .padding(16.dp)
-      .clickable { onClicked() }
-  ) {
-    Row(modifier = Modifier.fillMaxWidth(), verticalAlignment = Alignment.CenterVertically) {
-      Row(
-        verticalAlignment = Alignment.CenterVertically,
-        horizontalArrangement = Arrangement.spacedBy(4.dp)
-      ) {
-        Box(
-          modifier = Modifier
-            .size(16.dp)
-            .drawBehind {
-              val blinkRadius = size.width * 0.15f
-              val glowRadius = size.width
-              drawCircle(
-                radius = glowRadius,
-                brush = Brush.radialGradient(
-                  0.0f to glowColor,
-                  1.0f to Color.Transparent
-                )
-              )
-              drawCircle(
-                radius = blinkRadius,
-                color = blinkColor
-              )
-            },
-        )
-        Text(
-          text = if (state.loggedIn) "Logout" else "Login",
-          style = MaterialTheme.typography.labelMedium,
-          color = MaterialTheme.colorScheme.onSurface,
-          fontSize = 16.sp,
-          fontWeight = FontWeight.Bold
-        )
-      }
-      Spacer(modifier = Modifier.weight(1f))
-      Row(
-        horizontalArrangement = Arrangement.spacedBy(
-          space = 8.dp,
-          alignment = Alignment.CenterHorizontally
-        ),
-        verticalAlignment = Alignment.CenterVertically
-      ) {
-        Icon(
-          modifier = Modifier
-            .graphicsLayer {
-              rotationZ = likeRotation
-              scaleX = iconScale
-              scaleY = iconScale
-            }
-            .size(12.dp),
-          painter = painterResource(R.drawable.ic_upvote),
-          tint = likeColor,
-          contentDescription = "Likes"
-        )
-        Icon(
-          modifier = Modifier
-            .graphicsLayer {
-              rotationZ = commentRotation
-              scaleX = iconScale
-              scaleY = iconScale
-            }
-            .size(12.dp),
-          painter = painterResource(R.drawable.ic_chat),
-          tint = commentColor,
-          contentDescription = "Comments"
-        )
-      }
-    }
-  }
-}
-
-@PreviewLightDark
-@Composable
-private fun LoginCardPreview() {
-  var loggedIn by remember { mutableStateOf(false) }
-  HackerNewsTheme {
-    LoginCard(
-      state = SettingsState(loggedIn = loggedIn),
-      onClicked = { loggedIn = !loggedIn}
-    )
-  }
-}
-
-@PreviewLightDark
-@Composable
-private fun LoginCardLoggedInPreview() {
-  HackerNewsTheme {
-    LoginCard(
-      state = SettingsState(loggedIn = true),
-      onClicked = {}
-    )
-  }
-}
diff --git a/android/app/src/main/java/com/emergetools/hackernews/ui/theme/Color.kt b/android/app/src/main/java/com/emergetools/hackernews/ui/theme/Color.kt
index 9193c80c..d50f1507 100644
--- a/android/app/src/main/java/com/emergetools/hackernews/ui/theme/Color.kt
+++ b/android/app/src/main/java/com/emergetools/hackernews/ui/theme/Color.kt
@@ -9,6 +9,9 @@ val HackerBlue = Color(0xFF118AB2)
 val HackerGreen = Color(0xFF06D6A0)
 val HackerPurple = Color(0xFFC448F0)
 
+val MidnightBlue = Color(0xFF1B263B)
+val DeepSpaceBlue = Color(0xFF0D1B2A)
+
 val BackgroundLight = Color(0xFFF9F9FF)
 val BackgroundDark = Color(0xFF121317)
 val OnBackgroundLight = Color(0xFF1A1C20)
diff --git a/android/app/src/main/java/com/emergetools/hackernews/ui/theme/Type.kt b/android/app/src/main/java/com/emergetools/hackernews/ui/theme/Type.kt
index b785b6a3..0dece27b 100644
--- a/android/app/src/main/java/com/emergetools/hackernews/ui/theme/Type.kt
+++ b/android/app/src/main/java/com/emergetools/hackernews/ui/theme/Type.kt
@@ -14,6 +14,10 @@ val plex = FontFamily(
   Font(resId = R.font.ibm_plex_sans_bold, weight = FontWeight.Bold),
 )
 
+val unbounded = FontFamily(
+  Font(resId = R.font.unbounded, weight = FontWeight.Normal)
+)
+
 val Typography = Typography(
   titleSmall = TextStyle(
     fontFamily = plex,
@@ -51,4 +55,4 @@ val Typography = Typography(
         letterSpacing = 0.5.sp
     )
     */
-)
\ No newline at end of file
+)
diff --git a/android/app/src/main/res/drawable/ic_arrow_up_right.xml b/android/app/src/main/res/drawable/ic_arrow_up_right.xml
new file mode 100644
index 00000000..25750984
--- /dev/null
+++ b/android/app/src/main/res/drawable/ic_arrow_up_right.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="20dp"
+    android:height="20dp"
+    android:viewportWidth="20"
+    android:viewportHeight="20">
+  <path
+      android:pathData="M5.22,14.78C5.513,15.073 5.987,15.073 6.28,14.78L13.5,7.561V13.25C13.5,13.664 13.836,14 14.25,14C14.664,14 15,13.664 15,13.25V5.75C15,5.336 14.664,5 14.25,5H6.75C6.336,5 6,5.336 6,5.75C6,6.164 6.336,6.5 6.75,6.5H12.439L5.22,13.72C4.927,14.013 4.927,14.487 5.22,14.78Z"
+      android:fillColor="#0F172A"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/android/app/src/main/res/drawable/ic_twitter.xml b/android/app/src/main/res/drawable/ic_twitter.xml
new file mode 100644
index 00000000..197d8796
--- /dev/null
+++ b/android/app/src/main/res/drawable/ic_twitter.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="19.914894dp" android:viewportHeight="39" android:viewportWidth="47" android:width="24dp">
+      
+    <path android:fillColor="#ffffff" android:pathData="M46.529,4.628C45.017,5.279 43.428,5.732 41.8,5.976C42.561,5.846 43.681,4.476 44.126,3.921C44.804,3.085 45.32,2.131 45.648,1.106C45.648,1.03 45.724,0.921 45.648,0.867C45.61,0.846 45.567,0.835 45.523,0.835C45.48,0.835 45.437,0.846 45.398,0.867C43.631,1.824 41.75,2.554 39.8,3.041C39.732,3.062 39.66,3.064 39.591,3.046C39.522,3.029 39.459,2.993 39.409,2.943C39.257,2.762 39.093,2.592 38.919,2.432C38.124,1.72 37.221,1.136 36.245,0.704C34.927,0.163 33.503,-0.071 32.081,0.019C30.702,0.106 29.355,0.476 28.124,1.106C26.913,1.77 25.848,2.672 24.994,3.758C24.095,4.876 23.446,6.174 23.091,7.563C22.798,8.885 22.765,10.251 22.993,11.585C22.993,11.814 22.993,11.846 22.798,11.814C15.047,10.672 8.687,7.922 3.491,2.019C3.263,1.758 3.143,1.758 2.958,2.019C0.697,5.454 1.795,10.89 4.621,13.575C5.002,13.934 5.393,14.281 5.806,14.608C4.51,14.516 3.246,14.164 2.089,13.575C1.871,13.434 1.752,13.51 1.741,13.771C1.71,14.132 1.71,14.496 1.741,14.858C1.967,16.591 2.651,18.233 3.72,19.616C4.79,20.999 6.208,22.073 7.828,22.728C8.223,22.897 8.635,23.025 9.057,23.109C7.857,23.345 6.627,23.382 5.415,23.217C5.154,23.163 5.056,23.304 5.154,23.554C6.752,27.903 10.22,29.229 12.764,29.968C13.112,30.023 13.46,30.023 13.851,30.11C13.851,30.11 13.851,30.11 13.786,30.175C13.035,31.545 10.002,32.469 8.611,32.947C6.071,33.859 3.363,34.208 0.675,33.969C0.251,33.904 0.153,33.914 0.045,33.969C-0.064,34.023 0.045,34.143 0.164,34.251C0.708,34.61 1.251,34.925 1.817,35.23C3.5,36.148 5.279,36.877 7.122,37.404C16.666,40.035 27.407,38.1 34.571,30.979C40.202,25.392 42.181,17.684 42.181,9.966C42.181,9.672 42.539,9.498 42.746,9.346C44.171,8.236 45.426,6.925 46.475,5.454C46.656,5.235 46.749,4.956 46.736,4.672C46.736,4.509 46.736,4.541 46.529,4.628Z"/>
+    
+</vector>
diff --git a/android/app/src/main/res/font/unbounded.ttf b/android/app/src/main/res/font/unbounded.ttf
new file mode 100644
index 00000000..0ae6448a
Binary files /dev/null and b/android/app/src/main/res/font/unbounded.ttf differ
diff --git a/android/gradle/libs.versions.toml b/android/gradle/libs.versions.toml
index f29b2a8c..01ea4469 100644
--- a/android/gradle/libs.versions.toml
+++ b/android/gradle/libs.versions.toml
@@ -19,6 +19,7 @@ emergeSnapshots = "1.2.0"
 sentry = "4.10.0"
 composeCompilerExtension = "1.5.3"
 material3 = "1.3.0-beta05"
+shapes = "1.0.0-rc01"
 datastore = "1.1.1"
 room = "2.6.1"
 jsoup = "1.17.2"
@@ -32,6 +33,7 @@ androidx-viewmodel = { group = "androidx.lifecycle", name = "lifecycle-viewmodel
 androidx-navigation = { group = "androidx.navigation", name = "navigation-compose", version.ref = "navigation" }
 androidx-browser = { group = "androidx.browser", name = "browser", version.ref = "browser" }
 androidx-material3 = { group = "androidx.compose.material3", name = "material3", version.ref = "material3" }
+androidx-shapes = { group = "androidx.graphics", name = "graphics-shapes", version.ref = "shapes" }
 androidx-datastore = { group = "androidx.datastore", name = "datastore-preferences", version.ref = "datastore" }
 androidx-room = { group = "androidx.room", name = "room-runtime", version.ref = "room" }
 androidx-room-compiler = { group = "androidx.room", name = "room-compiler", version.ref = "room" }