Dec 15, 2024•5 min read
Building Scalable Design Systems
Learn how to create maintainable and scalable design systems that grow with your product.
Component
Aspect Ratio
Containers that maintain consistent aspect ratios with clean ink borders. Perfect for images and media content.
Hero Image (16:9)
Explore Creative Possibilities
Discover the power of design with our latest collection
Video Thumbnail
12:34
Getting Started with Orbit Capsule
24K views • 2 days ago
45:12
Advanced Component Patterns
18K views • 1 week ago
Product Cards
Wireless Headphones
$299
Smart Watch
$449
Camera Lens
$899
Portable Speaker
$179
Blog Cards
Dec 12, 2024•8 min read
The Art of Visual Hierarchy
Master the principles of visual hierarchy to create compelling user interfaces.
Event Card
UPCOMINGDesign Systems Conference 2025
Jan 15-17, 2025San Francisco, CA2.5K interested
Portrait Gallery (2:3)
Common Aspect Ratios
1:1 Square
4:3 Standard
3:2 Classic
16:9 Widescreen
API Reference
AspectRatio
| Prop | Type | Default |
|---|---|---|
| ratio | number | 1 |
| unstyled | boolean | false |
Common Ratios
1— Square (1:1)4/3— Standard photo16/9— Widescreen video21/9— Ultra-wide/cinematic2/3— Portrait
Social Media Card
design_studio
San Francisco, CA
2,847 likes
design_studio Creating beautiful interfaces one capsule at a time
View all 128 comments