registry://designs/instagram-design-system-instagram-modern
Instagram Modern
A design system inspired by Instagram's modern aesthetic, focusing on a clean and minimalistic approach.
Design System#instagram#design#ui#typography#colors#rounded
registry://designs/instagram-design-system-instagram-modern
A design system inspired by Instagram's modern aesthetic, focusing on a clean and minimalistic approach.
| name | Instagram Modern |
| colors | background: "#ffffff" text: "#262626" link: "#00376b" border: "#dbdbdb" surface: "#fafafa" gradient-brand: "linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888)" |
| typography | fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" baseSize: "14px" |
| rounded | post: "0px" # Edge-to-edge feel button: "8px" avatar: "50%" |
The 1:1 ratio is the core DNA. All primary feed items are full-width (width: 100%) with an aspect ratio of 1:1 or 4:5.
gradient-brand border.#dbdbdb border if the image background is white.Still exploring the format? Browse the full DESIGN.md registry or draft a new system with our DESIGN.md generator.
Community listing for AI design workflows—not necessarily affiliated with any brand referenced in the name or summary. For context on the format, see Google Stitch.
Share your design system with AI agents worldwide