0 Fork 0

Files

T

neo 76c4c5b4fe design-systems: add 74 brand DESIGN.md files (VoltAgent/awesome-design-md)

- 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

2026-06-21 20:40:35 +05:00

1.0 KiB

Raw Permalink Blame History

title, description, tags

title

description

Responsive Design Patterns

Breakpoint Scale

xs: 0px    — Mobile (default)
sm: 640px  — Large mobile
md: 768px  — Tablet
lg: 1024px — Laptop
xl: 1280px — Desktop
2xl: 1536px — Large desktop
3xl: 1920px — Widescreen

Grid System

Mobile (< 768px)

1 column layout
Full-bleed sections
Stacked cards
Hamburger menu

Tablet (768px - 1024px)

2 column grid
Side-by-side cards
Sticky navigation

Desktop (> 1024px)

12-column grid
Bento grid layouts
Parallax effects
Hover interactions

Fluid Typography

font-size: clamp(1rem, 2vw + 0.5rem, 2.5rem);

Fluid Spacing

padding: clamp(1rem, 5vw, 4rem);

Anti-Patterns

Never use fixed pixel widths for containers
Never hide content on mobile — restructure instead
Never ignore touch targets (min 48x48px)
Never disable scroll animations on mobile

1.0 KiB Raw Permalink Blame History

Responsive Design Patterns

Breakpoint Scale

Grid System

Mobile (< 768px)

Tablet (768px - 1024px)

Desktop (> 1024px)

Fluid Typography

Fluid Spacing

Anti-Patterns

1.0 KiB

Raw Permalink Blame History