Style Guide

This style guide defines the visual standards and design principles for the Cyber Security Finland brand.

Color Palette

Brand Blue

#2563eb

Brand Cyan

#06b6d4

Neutral Gray

#334155

Success Green

#10b981

Warning Amber

#f59e0b

Error Red

#ef4444

Typography

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.

Components

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 Examples

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.