Design System
Create stunning interfaces with our comprehensive design system that combines beauty, functionality, and consistency.
UI Components
Beautifully crafted, responsive components that you can easily customize and implement.
Design Tokens
Maintain visual consistency with our carefully curated design tokens and variables.
Best Practices
Comprehensive guidelines and principles for creating exceptional user experiences.
Modern Design System
Explore our meticulously crafted collection of responsive components, designed for seamless integration and exceptional user experience
Interactive Buttons
Engaging, responsive button designs with smooth animations
Enhanced Form Elements
Accessible, stylish input controls with visual feedback
Dynamic Cards
Versatile content containers with elegant animations
Smart Navigation
User-friendly navigation with smooth interactions
Informative Alerts
Clear and contextual notification system
Confirm Action
Would you like to proceed with this action?
Interactive Modals
Elegant dialog boxes with smooth transitions
Design System
Crafting consistent and beautiful experiences through our carefully curated design language
Brand Colors
Primary Pink
#FF90E8
Core Black
#000000
Light Pink
#FF90E8 20%
Success Green
#37AB87
Error Red
#FF4F4F
Typography
Display
Sohne / Black / 70px
Heading
Sohne / Bold / 48px
Subheading
Sohne / Medium / 24px
Body Text
Sohne / Regular / 18px
Spacing Scale
6px - Compact
10px - Default
16px - Comfortable
20px - Spacious
Shadows
Subtle
For hover states
Light
For cards
Medium
For dropdowns
Heavy
For modals
Design System
Crafting consistent and beautiful interfaces with our core design elements
Brand Colors
Primary Pink
#FF90E8
Primary Black
#000000
Background Gray
#F7F7F7
Typography
Aa
Sohne Bold
Headers & CTAs
Aa
Sohne Regular
Body Text
Components
Card Component
Basic container
Spacing
4px
Micro spacing
8px
Element spacing
Shadows
Subtle Shadow
For cards
Medium Shadow
For dropdowns
Border Radius
6px
Default radius
12px
Large radius
Beautiful Components for Modern Web
Discover our carefully crafted collection of premium components designed for your next project.
Navigation
12 variantsModern navigation components with smooth animations and responsive designs.
Cards
8 variantsElegant card designs for showcasing content with style and functionality.
Forms
15 variantsProfessional form components with validation and interactive states.
Design System
A comprehensive guide to our visual design language
Colors
Primary Pink
#FF90E8
Black
#000000
White
#FFFFFF
Background Gray
#F7F7F7
Typography
Heading Styles
Heading 1
Sohne • 48px • Bold
Heading 2
Sohne • 36px • Semibold
Heading 3
Sohne • 30px • Medium
Body Text
Regular body text with improved readability
Sohne • 18px • Regular
Small text for secondary information
Sohne • 16px • Regular
Components
Buttons
Input Fields
Cards
Product Card
Refined card layout with enhanced visual hierarchy
Feature Card
Distinctive card design for highlighting features
Spacing & Grid
Enhanced 24px (1.5rem) grid gap with responsive columns and interactive elements
Resources & Support
Everything you need to succeed on our platform, all in one place
Design System
A comprehensive collection of design elements and principles
Components
12 itemsButtons
Interactive elements collection
Forms
User input components
Layout
Responsive grid systems
Colors
Brand color system