Showcase

See what others are creating with Musho.

Karina Lorenzo

I am creating a music app where users can play a virtual piano and record songs. These are the must for the landing page: a title, a sign in /sign up section, an animated piano, a record button and a button to access recorded songs. The users will be able to listen to these songs, pause and stop them (so the buttons are necessary)

Karina Lorenzo

give a landing page of a music web page

Ghost MC

🎨 Prompt para Mockup de Página Web de Zumos *"Diseño moderno y atractivo de una página web para una marca de zumos naturales llamada 'FrutaPura'. La interfaz muestra colores frescos y naturales como verde, naranja y morado, con un diseño limpio y minimalista. La página principal incluye una imagen destacada de una botella de zumo de arándanos y pera rodeada de frutas frescas, con un eslogan llamativo '100% Natural, 100% Delicioso'. El sitio está optimizado para ordenador, tablet y móvil, con una navegación fluida. En la sección de productos, se muestran botellas de zumo con etiquetas bien diseñadas, junto con sus beneficios saludables como 'sin azúcares añadidos' y 'ingredientes orgánicos'. El diseño incluye una sección 'Sobre Nosotros' con imágenes del proceso de producción y un formulario de contacto intuitivo. En la versión móvil, se destacan botones grandes y navegación simplificada. La página incorpora animaciones suaves al hacer scroll y un modo oscuro opcional. Todo el diseño tiene un aspecto profesional y moderno, transmitiendo frescura y calidad."*

Валентин Луганский

news site about pets

용룡

고급스러운 디자인

박용석

Create a modern and clean landing page for a Mattermost plugin called "Mattermost Plus+". The design should be visually engaging and emphasize ease of use and increased productivity. The page should have the following sections: 1. **Hero Section:** Prominently display the product name, a compelling tagline, and a clear call-to-action button. Use an image or graphic that visually represents the plugin's benefits (e.g., increased efficiency, streamlined workflow). 2. **About Section (Infograb Plugin Plus+):** Include two cards that explain the core value propositions of the plugin. Use icons or illustrations to represent the concepts of "smart collaboration" and "growing ecosystem". The cards should be visually distinct and easy to scan. 3. **Plugin Introduction (Organization Chart Plugin):** Showcase the features of the organization chart plugin using a series of four cards. Each card should include: * A catchy title that addresses a specific user pain point. * A short description that explains how the plugin solves the pain point. * Visual elements (animated GIFs, screenshots, illustrations) that demonstrate the functionality and benefits of the feature. * The card layout should visually highlight the use of the plugin within the mattermost platform. 4. **FAQ Section:** Use an accordion-style layout to present frequently asked questions. The accordion should be clean and easy to navigate. **Visual Style Guidelines:** * **Color Palette:** Use a professional and modern color palette. Consider incorporating Mattermost's brand colors or a complementary palette. * **Typography:** Use clear and readable fonts. Ensure good contrast between text and background. * **Imagery:** Use high-quality images, animated GIFs, and illustrations that are relevant to the content and visually appealing. * **Responsiveness:** The design must be fully responsive and adaptable to different screen sizes (desktop, tablet, mobile). * **Emphasis:** Use visual cues (e.g., color, size, spacing) to emphasize important elements such as headings, call-to-action buttons, and key features. * **Overall Feel:** The page should feel professional, trustworthy, and easy to navigate. Focus on a user-friendly experience.

박용석

Create a full-width hero section with a dark background (Infograb/Mattermost brand color). Add a large, clear title in white: "Expand Your Mattermost with Mattermost Plus Plugins". Below the title, add the subtitle: "Add essential features and remove unnecessary steps. Supercharge your team's productivity with Infograb's custom Mattermost plugins!". Center the text. Below the text, create a prominent call-to-action button: "Request a Mattermost Plus+ Demo". Style the button with a contrasting accent color. Ensure the text is clear and prominent.

ThongPhut Maneevong

Pixel art-style landing page for a personal portfolio website. Muted green theme with a grid-based layout. Features an anime-style profile image, a 'HEY! I'M BRIAN' introduction, an 'ABOUT ME' section with a black-and-white photo, and project showcases. Includes pixel-style text, rounded skill tags (JavaScript, TypeScript, React, Node.js, PostgreSQL), and retro UI elements. Soft pixel shadows and a nostalgic, cozy aesthetic.

ThongPhut Maneevong

Pixel art-style personal portfolio webpage with a muted green theme. Grid-based layout with sections for an anime-style profile image, a 'HEY! I'M BRIAN' intro, an 'ABOUT ME' magazine-style panel, and project showcases. Includes pixel-style text, rounded tags for skills (JavaScript, TypeScript, React, Node.js, PostgreSQL), and retro UI elements. Soft pixel shadows and warm, nostalgic vibes.

ThongPhut Maneevong

"A modern and aesthetic personal portfolio webpage with a dark, muted green background. The layout is divided into multiple sections with a clean, grid-based structure. The top section features a centered welcome message in a stylish, handwritten font, saying 'HEY! I'M BRIAN' with an underlined name. Below it, a brief description about being a full-stack web developer is written in a smaller, sans-serif font. To the left, there's an anime-style black-and-white illustration of a person with glasses, holding a cat. On the right, a magazine-style 'ABOUT ME' section with a black-and-white photo of a person in a hoodie, standing outdoors. The text next to it provides a personal introduction. Below, several sections display projects and skills. One section showcases a 'NOTE TAKING APP' with a screenshot of a dark-themed code editor, featuring technologies like Next.js, TypeScript, and PostgreSQL, along with buttons labeled 'LIVE' and 'GITHUB.' Another section includes a small anime reaction image with the text 'HIDE ME PLS.' At the bottom, a neatly organized list of skills and tools is displayed in rounded tags, categorizing 'Languages' (JavaScript, TypeScript), 'Frontend' (React, TailwindCSS, Framer Motion), 'Backend' (Node.js, Express, PostgreSQL), and 'Tools' (Git, GitHub, VSCode, Figma). The interface has a modern, minimalist style with soft rounded edges, subtle shadows, and a harmonious color scheme of muted greens, beige, and white. The design is inspired by a blend of anime aesthetics and tech-focused UI."

박용석

Hero Section: Hero section of a website, showcasing a team working together, Mattermost logo, headline "Mattermost Organization Chart Plugin: Visualize Teamwork, Maximize Collaboration", call to action buttons "Install Plugin", "Watch Demo", organization chart visualization, abstract design, team silhouettes Landing page hero section, featuring a screenshot of the organization chart plugin UI, team members collaborating, headline about visualizing team structure, Mattermost theme, modern web design. Value Proposition Section: Website section highlighting the benefits of using an organization chart plugin, icons representing team structure, roles & responsibilities, onboarding, communication, project management, headline "Why Choose the Mattermost Organization Chart Plugin?", benefit descriptions, modern layout. Modern website layout with cards outlining benefits. Icons, brief descriptions, team organization, improved communication, faster onboarding, efficient project management. Headline: Value Proposition Feature Details Section: Website section showcasing the features of the organization chart plugin, tabbed interface, screenshots of the plugin UI, automatic team structure generation, drag-and-drop editing, detailed profile information, search and filtering, permissions management, export and sharing, Mattermost integration, "Feature Details" Tabbed interface showing different features of the Organization Chart Plugin. Screenshots showcasing automatic generation, drag and drop editing, profile viewing, and integration with Mattermost. "Detailed Features" Text. How-to Section: Step-by-step guide on installing and using the Mattermost organization chart plugin, numbered steps, screenshots of the Mattermost marketplace, UI elements, clear instructions, "How to Install and Use" title. Instructions for installation. Website layout with numbered steps, clean design, simple explanations.

Juan Alberto Vieyra Gutierrez

3 trajetas de informacion sobre reparaciones y soluciones en electronica audio y video, software y soporte tecnico , dales una imagen de fondo que este acorde con el texto

Supercharge your workflow

Get the Plugin and Start Creating with Musho Today!

Get Musho Plugin

musho