ArtStackDev and ColorBrat Platform Documentation
(This project is in Beta, and the specs will change as things get rolling)
1. Image Processing Workflow
Technical Process
-
Image Intake
- Supported formats: JPG, PNG, TIFF
- Maximum original file size: 20MB
- Recommended minimum resolution: 2000px on longest side
- Color space: sRGB
-
Optimization Pipeline
Original Image ↓ Quality Assessment ↓ Metadata Preservation ↓ Resolution Variants Creation - Desktop (1800px) - Tablet (1200px) - Mobile (800px) - Thumbnail (400px) ↓ WebP Conversion ↓ CDN Distribution
-
Storage Structure
client-folder/ ├── originals/ │ └── original-image.jpg ├── processed/ │ ├── desktop/ │ │ └── image-1800.webp │ ├── tablet/ │ │ └── image-1200.webp │ ├── mobile/ │ │ └── image-800.webp │ └── thumbnails/ │ └── image-400.webp └── metadata/ └── image-meta.json
Client Guidelines
Basic Tier
- Upload guidelines:
- 50 images maximum
- Batch upload tool for 10 images at a time
- Processing time: 24-48 hours
Standard Tier
- Upload guidelines:
- 100 images maximum
- Batch upload tool for 25 images at a time
- Processing time: 12-24 hours
Premium Tier
- Upload guidelines:
- Unlimited images
- Batch upload tool for 50 images at a time
- Processing time: 6-12 hours
- Priority processing queue
2. Usage Guidelines by Artist Type
Photographers
- Recommended file specs:
- Resolution: 3000px longest side
- Format: TIFF or high-quality JPG
- Color profile: Adobe RGB or sRGB
- Storage requirements: ~500MB-2GB
- Typical monthly bandwidth: 50-100GB
Painters/Visual Artists
- Recommended file specs:
- Resolution: 2500px longest side
- Format: JPG
- Detail shots: 1500px minimum
- Storage requirements: ~200MB-1GB
- Typical monthly bandwidth: 30-70GB
Sculptors/Installation Artists
- Recommended file specs:
- Multiple angles per work
- 360° views supported
- Video integration available (Premium tier)
- Storage requirements: ~1-3GB
- Typical monthly bandwidth: 70-150GB
Mixed Media Artists
- Recommended file specs:
- Mixed format support
- High-res detail capabilities
- Process documentation support
- Storage requirements: ~500MB-2GB
- Typical monthly bandwidth: 40-90GB
3. Technical Specifications
Infrastructure
Frontend: - Next.js App Router - React Server Components - Tailwind CSS - TypeScript Backend: - Vercel Edge Functions - Supabase Database - AWS S3 Storage - CloudFront CDN - Sanity CMS (Standard/Premium) - Stripe Integration (Premium) Image Processing: - Sharp.js optimization - WebP conversion - Automated metadata handling - Responsive image generation - Lazy loading implementation
Performance Metrics
- First Contentful Paint: < 1.5s
- Largest Contentful Paint: < 2.5s
- Time to Interactive: < 3.5s
- Cumulative Layout Shift: < 0.1
- First Input Delay: < 100ms
SEO Optimization
- Automated metadata generation
- Schema.org integration
- OpenGraph tags
- Twitter Cards
- Sitemap generation
- Robots.txt configuration
- Custom meta descriptions
- Alt text automation assistance