Colors, typography, logo and UI components of QuantumCraft Studios. Use consistently across all media.
The logo is the central element of the visual identity. Respect the protection areas and approved variants.
Always use on a solid light or dark background
Never distort or change proportions
Maintain at least 16px of clear space around the logo
Click on a color to copy the HEX value or the Tailwind class name.
Primary colors - Blue
Primary blue
#1D4ED8
Dark blue
#1E40AF
Light blue
#EFF6FF
Accent colors - Orange
CTA orange
#F97316
Orange hover
#EA580C
Soft orange
#FDBA74
Neutrals - Slate
Slate 900
#0F172A
Slate 700
#334155
Slate 500
#64748B
Slate 400
#94A3B8
Slate 200
#E2E8F0
Slate 100
#F1F5F9
White
#FFFFFF
Status - Emerald / Rose
Success
#10B981
Success dark
#059669
Error
#F43F5E
Single font: Manrope. All weights from 400 to 800 are used depending on context.
Primary font: Manrope
Iconify MDI for functional icons, Tabler for UI icons. Standard size: 18–24px.
Library: Iconify - MDI & Tabler Icons
Examples of recurring components: buttons, badges, cards, gradients.
Buttons
Badges
Card
DDoS Protection included
Secured 24/7 infrastructure with automatic attack filtering.
Gradients