Guide
DESIGN.md examples
A useful DESIGN.md example does more than name colors. It explains the page surface, the audience, the density, and the interaction tone that should survive when AI coding tools build the next screen.
Guide
Why this page exists
Browse practical DESIGN.md example patterns for landing pages, admin panels, and SaaS app screens before downloading a reusable template.
Related pages
Continue exploring the catalog
These links keep the learning path close to the actual catalog pages.
Example designs
Published templates that match the workflow
Use these public templates as concrete examples when you are deciding what to download.
Landing page + Admin panel + Frontend app
Composio style reference
This precise alignment and clean geometry UI template is built for product teams creating settings screens, landing pages, and content libraries. It pairs public previews with a downloadable DESIGN.md so the same visual system can move from browsing into implementation.
Landing page + Admin panel + Frontend app
Intercom style reference
This bold navigation and tactile panels UI template is built for product teams creating pricing pages, workspace apps, and mobile product screens. It pairs public previews with a downloadable DESIGN.md so the same visual system can move from browsing into implementation.
Landing page + Admin panel + Frontend app
Shopify style reference
This calm spacing and focused call-to-action flow UI template is built for growth teams creating landing pages, mobile product screens, and content libraries. It pairs public previews with a downloadable DESIGN.md so the same visual system can move from browsing into implementation.