Component Library
Reusable components and design system reference
Colors
Black
#020202
Yellow
#FEE74E
White
#FFFFFF
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Regular paragraph text with bold text and italic text.
Buttons
Primary Buttons
Secondary Buttons
Ghost Buttons
Cards
Basic Cards
Dark Card
Default Style
This is a standard dark card with hover effects and animations.
Light Card
Light Variant
This is a light card variant with yellow background tint.
Service Cards
Strategic Security
Professional security consulting and strategy development.
Offensive Security
Penetration testing and vulnerability assessments.
Defensive Security
System hardening and incident management.
Boxes
Light Box
Background with yellow tint at 30% opacity. Great for highlighting content.
Dark Box
Background with black at 70% opacity. Perfect for content overlays.
Badges
New Featured Limited Premium
Grid System
2 Columns
Column 1
Column 2
3 Columns
Column 1
Column 2
Column 3
4 Columns
Column 1
Column 2
Column 3
Column 4
Responsive Grid
1 col mobile, 2 tablet, 4 desktop
1 col mobile, 2 tablet, 4 desktop
1 col mobile, 2 tablet, 4 desktop
1 col mobile, 2 tablet, 4 desktop
Form Elements
Animations
Fade In
class="fade-in"
Scale In
class="scale-in"