Design System

Visual and interaction guidelines for ΕλβΏΏΑ components.

Color Palette

Primary Colors

Blue

text-blue-600

Secondary Colors

Gray

bg-gray-200

Success

text-green-500

Accent Colors

Warning

bg-yellow-400

Error

text-red-500

Typography

Headings

Display and paragraph styles with hierarchy.

H4. Heading Level 4

Body text using text-sm for details

H3. Feature Title

Descriptive subtext with leading-relaxed line height

UI Components

Buttons


                        bg-blue-600 hover:bg-blue-700 transition-colorss

Cards

Card Title

Elegant card with shadow and border styling.


                        p-6 rounded-lg shadow-md border-gray-200

Links

Standard Link

Hover effect with color transition

Layout Patterns

Column Grid

Left Column

Right Column