Tyyliopas
Tämä tyyliopas määrittelee Cyber Security Finlandin brändin visuaaliset standardit ja suunnitteluperiaatteet.
Väripaletti
Brand Blue
#2563eb
Brand Cyan
#06b6d4
Neutral Gray
#334155
Success Green
#10b981
Warning Amber
#f59e0b
Error Red
#ef4444
Typografia
h1
Heading 1: Main Title
h2
Heading 2: Section Title
h3
Heading 3: Subsection Title
h4
Heading 4: Minor Heading
p
Paragraph: This is a sample paragraph text demonstrating the professional typography used throughout the website. The text is carefully selected for readability and aesthetic appeal.
Komponentit
Primary Button
Used for primary actions and calls-to-action
Secondary Button
Used for secondary actions and less prominent calls-to-action
Card Component
Used for grouping related content and information
Layout-esimerkkejä
Service Card
Professional service card with consistent styling and clear hierarchy.
Feature Card
Clean feature presentation with accent colors for emphasis.
Testimonial Card
Professional testimonial display with client information.
— Jane Doe, CEO
Professional Section
This demonstrates a professional section with alternate background and consistent spacing.