New Design Preview

This page showcases the new design elements inspired by the provided design.

Color Palette

Primary Blue
Primary Purple
Primary Teal
Light Blue

Gradients

Blue to Purple
Blue to Teal
Purple to Light Blue

Typography

Heading 1 with Gradient

Heading 2 with Gradient

Heading 3 with Gradient

Regular paragraph text. The quick brown fox jumps over the lazy dog.

Bold text and italic text examples.

Animated Link Example

Components

Badge 1 Badge 2 Badge 3

Code Block Example

def hello_world
  puts "Hello, world!"
end

Cards with Hover Effects

Card 1

Hover over this card to see the subtle animation effects.

Card 2

The cards have gradient borders and transform on hover.

Card 3

Glassmorphism effect with subtle transparency.

Decorative Elements

This card has decorative circle elements in the background. Move your mouse around to see the parallax effect.

The geometric background pattern on the page also adds subtle texture to the design.