Brand Guidelines
A comprehensive guide to Sirio's visual identity and design system
Colors
Our color palette reflects innovation and creativity
Primary Colors
Yellow
#ebe400
Blue
#043b5f
Dark Blue
#032845
Grays
Black
#000000
Dark 100
#0A0A0A
Dark 200
#121212
Dark 300
#1A1A1A
Accents
White
#FFFFFF
Yellow 50
#ebe400
Opacity: 0.5
Blue 50
#043b5f
Opacity: 0.5
Gradients
Primary Gradient
bg-gradient-to-r from-sirio-yellow to-sirio-blue
Glow Gradient
bg-gradient-to-r from-sirio-yellow via-white to-sirio-yellow
Dark Gradient
bg-gradient-to-b from-black via-dark-200 to-sirio-blue-dark
Radial Gradient
bg-[radial-gradient(circle_at_50%_50%,_rgba(235,228,0,0.15),transparent_50%)]
Typography
Our type system is designed for clarity and impact
Hero Examples
VisionReimagined
Experience the future of digital creation
Digital Creativity
Reimagined
Where AI innovation meets artistic vision to create extraordinary digital experiences.
Create Without
Limits
Empowering creators with cutting-edge AI tools and innovative solutions
AI-Powered
Advanced artificial intelligence integration
Global Reach
Connect with creators worldwide
Innovation
Cutting-edge creative solutions
Future Ready
Stay ahead of digital trends
Type Scale
Vision Reimagined
Create Without Limits
Digital Innovation
AI-Powered Solutions
Creative Technology
Empowering creators worldwide
Where AI innovation meets artistic vision
Design Elements
Core components and interactive elements
Buttons
Cards
Frosted Card
Simple frosted glass effect card
Premium Card
Card with gradient border and glow
Gradient Card
Card with gradient background
Form Elements
Interactive Elements
Hover Card
Interactive hover effect
Glow Effect
Gradient Text
Animated Border
Layout System
Grid system and spacing guidelines