Jelajahi Sumber

Update app branding with the new Reddora logo across the app and website.

Replace placeholder icons in the macOS app icon set, splash screen, and sidebar header, and add matching favicon and hero logo assets on the marketing site.

Co-authored-by: Cursor <cursoragent@cursor.com>
AhtashamShahzad1 1 bulan lalu
induk
melakukan
1d09b7bfac
22 mengubah file dengan 56 tambahan dan 31 penghapusan
  1. 10 0
      Reddit App/Assets.xcassets/AppIcon.appiconset/Contents.json
  2. TEMPAT SAMPAH
      Reddit App/Assets.xcassets/AppIcon.appiconset/icon_128x128.png
  3. TEMPAT SAMPAH
      Reddit App/Assets.xcassets/AppIcon.appiconset/icon_128x128@2x.png
  4. TEMPAT SAMPAH
      Reddit App/Assets.xcassets/AppIcon.appiconset/icon_16x16.png
  5. TEMPAT SAMPAH
      Reddit App/Assets.xcassets/AppIcon.appiconset/icon_16x16@2x.png
  6. TEMPAT SAMPAH
      Reddit App/Assets.xcassets/AppIcon.appiconset/icon_256x256.png
  7. TEMPAT SAMPAH
      Reddit App/Assets.xcassets/AppIcon.appiconset/icon_256x256@2x.png
  8. TEMPAT SAMPAH
      Reddit App/Assets.xcassets/AppIcon.appiconset/icon_32x32.png
  9. TEMPAT SAMPAH
      Reddit App/Assets.xcassets/AppIcon.appiconset/icon_32x32@2x.png
  10. TEMPAT SAMPAH
      Reddit App/Assets.xcassets/AppIcon.appiconset/icon_512x512.png
  11. TEMPAT SAMPAH
      Reddit App/Assets.xcassets/AppIcon.appiconset/icon_512x512@2x.png
  12. 23 0
      Reddit App/Assets.xcassets/AppLogo.imageset/Contents.json
  13. TEMPAT SAMPAH
      Reddit App/Assets.xcassets/AppLogo.imageset/app-logo.png
  14. TEMPAT SAMPAH
      Reddit App/Assets.xcassets/AppLogo.imageset/app-logo@2x.png
  15. TEMPAT SAMPAH
      Reddit App/Assets.xcassets/AppLogo.imageset/app-logo@3x.png
  16. 5 15
      Reddit App/Views/SidebarView.swift
  17. 6 16
      Reddit App/Views/SplashScreenView.swift
  18. TEMPAT SAMPAH
      website/assets/app-logo.png
  19. TEMPAT SAMPAH
      website/assets/favicon.png
  20. 8 0
      website/index.html
  21. 2 0
      website/privacy/index.html
  22. 2 0
      website/terms/index.html

+ 10 - 0
Reddit App/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -1,51 +1,61 @@
 {
   "images" : [
     {
+      "filename" : "icon_16x16.png",
       "idiom" : "mac",
       "scale" : "1x",
       "size" : "16x16"
     },
     {
+      "filename" : "icon_16x16@2x.png",
       "idiom" : "mac",
       "scale" : "2x",
       "size" : "16x16"
     },
     {
+      "filename" : "icon_32x32.png",
       "idiom" : "mac",
       "scale" : "1x",
       "size" : "32x32"
     },
     {
+      "filename" : "icon_32x32@2x.png",
       "idiom" : "mac",
       "scale" : "2x",
       "size" : "32x32"
     },
     {
+      "filename" : "icon_128x128.png",
       "idiom" : "mac",
       "scale" : "1x",
       "size" : "128x128"
     },
     {
+      "filename" : "icon_128x128@2x.png",
       "idiom" : "mac",
       "scale" : "2x",
       "size" : "128x128"
     },
     {
+      "filename" : "icon_256x256.png",
       "idiom" : "mac",
       "scale" : "1x",
       "size" : "256x256"
     },
     {
+      "filename" : "icon_256x256@2x.png",
       "idiom" : "mac",
       "scale" : "2x",
       "size" : "256x256"
     },
     {
+      "filename" : "icon_512x512.png",
       "idiom" : "mac",
       "scale" : "1x",
       "size" : "512x512"
     },
     {
+      "filename" : "icon_512x512@2x.png",
       "idiom" : "mac",
       "scale" : "2x",
       "size" : "512x512"

TEMPAT SAMPAH
Reddit App/Assets.xcassets/AppIcon.appiconset/icon_128x128.png


TEMPAT SAMPAH
Reddit App/Assets.xcassets/AppIcon.appiconset/icon_128x128@2x.png


TEMPAT SAMPAH
Reddit App/Assets.xcassets/AppIcon.appiconset/icon_16x16.png


TEMPAT SAMPAH
Reddit App/Assets.xcassets/AppIcon.appiconset/icon_16x16@2x.png


TEMPAT SAMPAH
Reddit App/Assets.xcassets/AppIcon.appiconset/icon_256x256.png


TEMPAT SAMPAH
Reddit App/Assets.xcassets/AppIcon.appiconset/icon_256x256@2x.png


TEMPAT SAMPAH
Reddit App/Assets.xcassets/AppIcon.appiconset/icon_32x32.png


TEMPAT SAMPAH
Reddit App/Assets.xcassets/AppIcon.appiconset/icon_32x32@2x.png


TEMPAT SAMPAH
Reddit App/Assets.xcassets/AppIcon.appiconset/icon_512x512.png


TEMPAT SAMPAH
Reddit App/Assets.xcassets/AppIcon.appiconset/icon_512x512@2x.png


+ 23 - 0
Reddit App/Assets.xcassets/AppLogo.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "app-logo.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "app-logo@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "app-logo@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

TEMPAT SAMPAH
Reddit App/Assets.xcassets/AppLogo.imageset/app-logo.png


TEMPAT SAMPAH
Reddit App/Assets.xcassets/AppLogo.imageset/app-logo@2x.png


TEMPAT SAMPAH
Reddit App/Assets.xcassets/AppLogo.imageset/app-logo@3x.png


+ 5 - 15
Reddit App/Views/SidebarView.swift

@@ -19,21 +19,11 @@ struct SidebarView: View {
 
     private var header: some View {
         HStack(spacing: AppTheme.sidebarRowSpacing) {
-            ZStack {
-                RoundedRectangle(cornerRadius: 10)
-                    .fill(
-                        LinearGradient(
-                            colors: [AppTheme.accentPurpleLight, AppTheme.accentPurple],
-                            startPoint: .topLeading,
-                            endPoint: .bottomTrailing
-                        )
-                    )
-                    .frame(width: AppTheme.iconContainerSize, height: AppTheme.iconContainerSize)
-                Image(systemName: "brain.head.profile")
-                    .font(.system(size: 14, weight: .semibold))
-                    .foregroundStyle(.white)
-            }
-            .frame(width: AppTheme.iconContainerSize, height: AppTheme.iconContainerSize)
+            Image("AppLogo")
+                .resizable()
+                .interpolation(.high)
+                .scaledToFit()
+                .frame(width: AppTheme.iconContainerSize, height: AppTheme.iconContainerSize)
 
             VStack(alignment: .leading, spacing: 2) {
                 Text("Reddora AI")

+ 6 - 16
Reddit App/Views/SplashScreenView.swift

@@ -88,22 +88,12 @@ struct SplashScreenView: View {
     }
 
     private var brandMark: some View {
-        ZStack {
-            RoundedRectangle(cornerRadius: 20, style: .continuous)
-                .fill(
-                    LinearGradient(
-                        colors: [AppTheme.accentPurpleLight, AppTheme.accentPurple],
-                        startPoint: .topLeading,
-                        endPoint: .bottomTrailing
-                    )
-                )
-                .frame(width: 80, height: 80)
-                .shadow(color: AppTheme.accentPurple.opacity(0.38), radius: 28, y: 10)
-
-            Image(systemName: "brain.head.profile")
-                .font(.system(size: 36, weight: .semibold))
-                .foregroundStyle(.white)
-        }
+        Image("AppLogo")
+            .resizable()
+            .interpolation(.high)
+            .scaledToFit()
+            .frame(width: 80, height: 80)
+            .shadow(color: Color(hex: 0xFF4500).opacity(0.35), radius: 28, y: 10)
     }
 
     private var loadingBar: some View {

TEMPAT SAMPAH
website/assets/app-logo.png


TEMPAT SAMPAH
website/assets/favicon.png


+ 8 - 0
website/index.html

@@ -5,6 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="Reddora AI — AI-powered tools for Reddit posts, titles, and comments. Built for macOS.">
   <title>Reddora AI — AI Tools for Reddit on Mac</title>
+  <link rel="icon" type="image/png" href="assets/favicon.png">
+  <link rel="apple-touch-icon" href="assets/app-logo.png">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
@@ -89,6 +91,11 @@
       font-size: 0.8rem; font-weight: 600; letter-spacing: 0.02em;
     }
     .hero__badge span { opacity: 0.7; }
+    .hero__logo {
+      width: 88px; height: 88px; margin: 0 auto 24px;
+      border-radius: 22px; display: block;
+      box-shadow: 0 12px 40px rgba(255, 69, 0, 0.22);
+    }
     .hero h1 {
       margin: 0 0 20px; font-size: clamp(2.25rem, 5vw, 3.25rem);
       font-weight: 800; letter-spacing: -0.04em; line-height: 1.1;
@@ -201,6 +208,7 @@
   <section class="hero">
     <div class="hero__inner">
       <div class="hero__content">
+        <img class="hero__logo" src="assets/app-logo.png" width="88" height="88" alt="Reddora AI app icon">
         <p class="hero__badge">macOS App <span>·</span> AI-Powered</p>
         <h1>Write better Reddit content with <em>Reddora AI</em></h1>
         <p class="hero__lead">

+ 2 - 0
website/privacy/index.html

@@ -5,6 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="Privacy Policy for Reddora AI — how we collect, use, and protect your information.">
   <title>Privacy Policy — Reddora AI</title>
+  <link rel="icon" type="image/png" href="../assets/favicon.png">
+  <link rel="apple-touch-icon" href="../assets/app-logo.png">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">

+ 2 - 0
website/terms/index.html

@@ -5,6 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="Terms and Conditions for Reddora AI — rules for using our macOS app and services.">
   <title>Terms &amp; Conditions — Reddora AI</title>
+  <link rel="icon" type="image/png" href="../assets/favicon.png">
+  <link rel="apple-touch-icon" href="../assets/app-logo.png">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">