A design system inspired by Instagram's modern aesthetic, focusing on a clean and minimalistic approach.
Real data. Real impact.
Emerging
Developers
Source: https://github.com/Instagram/design-system?ref=explainxPer week
Excellent
Skills give you superpowers. Install in 30 seconds.
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.
Stories Bar: Horizontal scroll, top-fixed. 66px circular avatars with a 2px padding and the gradient-brand border.
Action Bar: Icons (Like, Comment, Share) are 24px and placed with 16px horizontal spacing.
Captions: Bold the username (#262626, weight: 600) and immediately follow with regular weight text.
DO: Use absolute white (#ffffff) for light mode to let photo colors remain true.
DON'T: Use heavy drop shadows on images; use a 1px #dbdbdb border if the image background is white.
proprietary
4,600+ AI skills, agents & workflows. Install in 60 seconds. Part of the Torly.ai family.
© 2026 Torly.ai. All rights reserved.