neo
76c4c5b4fe
- 74 brands: airbnb, stripe, apple, figma, linear, vercel, etc. - 147 files: DESIGN.md + README.md per brand (~2.1 MB) - Each DESIGN.md contains structured brand analysis (colors, typography, components) - Updated 00-overview.md with new design-systems directory
682 B
682 B
name, title, description, tags, source
| name | title | description | tags | source | ||||
|---|---|---|---|---|---|---|---|---|
| system/responsive-patterns | Responsive Design Patterns | Breakpoints, mobile-first, container queries. |
|
stripe.com, linear.app, brad.co, css-tricks.com |
Responsive Patterns
Breakpoints
:root {
--breakpoint-sm: 640px;
--breakpoint-md: 768px;
--breakpoint-lg: 1024px;
--breakpoint-xl: 1280px;
}
Container Queries
@container (min-width: 600px) {
.card { grid-template-columns: 1fr 1fr; }
}
Anti-patterns
| ❌ Плохо | ✅ Хорошо |
|---|---|
| 1000px breakpoint | 768px / 1024px |
| Fixed width | max-width: 1200px |