diff --git a/docs/images/miniapps/miniapp-design-spec.png b/docs/images/miniapps/miniapp-design-spec.png new file mode 100644 index 00000000..09deee1e Binary files /dev/null and b/docs/images/miniapps/miniapp-design-spec.png differ diff --git a/docs/mini-apps/core-concepts/manifest.mdx b/docs/mini-apps/core-concepts/manifest.mdx index 567613ee..75b0f18c 100644 --- a/docs/mini-apps/core-concepts/manifest.mdx +++ b/docs/mini-apps/core-concepts/manifest.mdx @@ -203,4 +203,11 @@ Open Graph image. 1200×630px (1.91:1), PNG/JPG. Understand how your manifest creates rich embeds when your Mini App is shared in feeds and social platforms. + + See how your mini app is displayed in the Base app in our Figma file. + diff --git a/docs/mini-apps/featured-guidelines/design-guidelines.mdx b/docs/mini-apps/featured-guidelines/design-guidelines.mdx index 7ccde4e8..2bc7cf1a 100644 --- a/docs/mini-apps/featured-guidelines/design-guidelines.mdx +++ b/docs/mini-apps/featured-guidelines/design-guidelines.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). + + + +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). + ### Layout diff --git a/docs/mini-apps/resources/design-resources.mdx b/docs/mini-apps/resources/design-resources.mdx index 12501540..1dd8a617 100644 --- a/docs/mini-apps/resources/design-resources.mdx +++ b/docs/mini-apps/resources/design-resources.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