Pat/design spec update (#730)

* add new design spec to design resources

* add design spec to manifest guide

* add mini app display to design guideline

* reduce spec image size

Author: hughescoin

docs/images/miniapps/miniapp-design-spec.png

@@ -203,4 +203,11 @@ Open Graph image. 1200×630px (1.91:1), PNG/JPG.
 <Card title="Embeds and Previews" href="/mini-apps/core-concepts/embeds-and-previews">
   Understand how your manifest creates rich embeds when your Mini App is shared in feeds and social platforms.
 </Card>
+<Card
+  title="Mini App Display Specs"
+  href="/images/miniapps/miniapp-design-spec.png"
+  arrow="true"
+>
+  See how your mini app is displayed in the Base app in our Figma file.
+</Card>
 </CardGroup>

docs/mini-apps/core-concepts/manifest.mdx

@@ -4,7 +4,11 @@ description: "Build a mini app that is intuitive and delightful to use."
 ---
 
 ### Display 
-See how your mini app is displayed in the Base app in our [Figma specification file](https://www.figma.com/design/4wx6s24NB0KLgprQAyMT8R/TBA-Mini-App-Specs).
+
+<Card  img="/images/miniapps/miniapp-design-spec.png">
+
+Your [manifest configuration](/mini-apps/core-concepts/manifest) controls how your app appears across these surfaces. [See full specification](/images/miniapps/miniapp-design-spec.png).
+</Card>
 
 ### Layout 
 

docs/mini-apps/featured-guidelines/design-guidelines.mdx

@@ -2,10 +2,12 @@
 
 ### UI Inspiration & Design Patterns
 
+* **[Design spec](/images/miniapps/miniapp-design-spec.png)** - See how your mini app is displayed in the Base app
 * **[Mobbin](https://mobbin.com/)** - Comprehensive mobile app design patterns and screenshots
 * **[Dribbble](https://dribbble.com/)** - Creative design community and inspiration
 * **[Pinterest](https://pinterest.com/)** - Visual discovery and inspiration
 
+
 ### Design Systems & Component Libraries
 
 * **[Base Brand Guidelines](https://www.base.org/brand)** - Brand standards and assets