Abstract
This folder contains code examples and best practices used throughout the ColivingLiguria website. These patterns ensure visual consistency, proper color usage, and responsive design across all pages.
ColivingLiguria Code Examples
This collection documents the key code patterns that created our beautiful, cohesive offer pages and homepage.
📁 Contents
- Colored Content Boxes: Grid layouts with varied border colors
- Contact Buttons: Social media and contact button patterns
- CSS Variables Usage: Proper color variable implementation
- Responsive Grids: Auto-fit grid patterns for cards
- Section Styling: Best practices for section layouts
🎯 Purpose
Use these examples as reference when:
- Creating new offer pages
- Designing new sections
- Ensuring color harmony across light/dark modes
- Maintaining consistent styling
🔗 Related Documentation
- Color Palette: Complete color system
- Aesthetics: Design principles
- Typography: Font specifications
All code examples follow our centralized color system defined in quartz.config.ts.