diff --git a/docs/images/miniapps/morpho.jpg b/docs/images/miniapps/morpho.jpg new file mode 100644 index 00000000..7d6eb73a Binary files /dev/null and b/docs/images/miniapps/morpho.jpg differ diff --git a/docs/mini-apps/featured-guidelines/overview.mdx b/docs/mini-apps/featured-guidelines/overview.mdx index 9356666d..4edd8990 100644 --- a/docs/mini-apps/featured-guidelines/overview.mdx +++ b/docs/mini-apps/featured-guidelines/overview.mdx @@ -1,22 +1,66 @@ --- -title: "Overview" +title: "Featured Checklist" description: "Build high quality mini apps to get more distribution." --- -This section covers how to build high-quality, successful mini apps for the Base app. Your app should meet all product, design, and technical guidelines and be designed for virality. - - - - - - - +Your app must meet all product, design, and technical guidelines outlined below. Meeting these guidelines is a prerequisite for featured placement, but __does not guarantee placement__. Base holds a very high bar for featured placement. To submit your app for featured placement, first verify your mini app in the [Base Build dashboard](https://base.dev/), then fill out the [submission form](https://buildonbase.deform.cc/getstarted/). - - Meeting these guidelines is a prerequisite for featured placement, but ***does not guarantee placement.*** Base holds a very high bar for featured placement. + + + * In-app authentication stays within the Base app with no external redirects + * Wallet connection happens automatically + * No email or phone verification inside the app + + + + * Explain the purpose of the app and how to get started, with clear onboarding instructions either on the home page or as a a pop-up window. + * App only requests essential personal information, with clear context + * Display user's avatar and username **(no 0x addresses)** + + + + * App is client-agnostic, with no hard-coded Farcaster text or links, or other client-specific behavior + * Transactions are sponsored + + + + * Call to actions are visible and centered on page + * App has a bottom navigation bar or side menu to easily access core flow + * All buttons are accessible and not cut off + * Navigation bar items have clear, understandable labels + + + + * App loads within **3 seconds** + + * In-app actions complete within **1 second** + + * Loading indicators are shown during actions + + + + * App supports **light and dark modes** consistently + * App has minimum **44px touch targets** + + + + * App description is clear, concise, and user-focused + * App icon is **1024×1024 px**, PNG, **no transparency**, readable at small sizes + * App cover photo is **high quality** and does not contain Base logo or team photos + + + +## Next Steps + + + + + + + diff --git a/docs/mini-apps/featured-guidelines/product-guidelines.mdx b/docs/mini-apps/featured-guidelines/product-guidelines.mdx index b5b06230..3c832439 100644 --- a/docs/mini-apps/featured-guidelines/product-guidelines.mdx +++ b/docs/mini-apps/featured-guidelines/product-guidelines.mdx @@ -17,7 +17,7 @@ title: "Product Guidelines" alt="Bolero onboarding flow" style={{ height: 450, width: 'auto', maxWidth: '100%' }} /> -
Example onboarding flow
+
Example onboarding flow
## User Information & Privacy @@ -51,7 +51,14 @@ title: "Product Guidelines" * Include the Base logo in your cover photo. * Include photos of your team -***Example of a clear app cover photo: ![][image2]*** +
+ Bolero onboarding flow +
Example cover photo
+
## App Icon @@ -61,6 +68,3 @@ title: "Product Guidelines" * Format: **PNG (no alpha transparency)** * Defined via `iconUrl` in `farcaster.json` -[image1]: - -[image2]: \ No newline at end of file