Amorgram Design System

A showcase of colors, typography, and components

Brand Colors

Soft Pink

#FADADD

Lilac

#E0BBE4

Cream

#FFF8E1

Warm White

#FAF7F5

Magenta

#D946EF

Typography

Heading 1 - Playfair Display

text-5xl font-bold

Heading 2 - Playfair Display

text-4xl font-semibold

Heading 3 - Playfair Display

text-3xl

Body Large - Poppins (text-lg)

Body Text - Poppins (text-base). Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Small Text - Poppins (text-sm)

Text Gradients

Romantic

text-gradient-romantic

Birthday

text-gradient-birthday

Celebration

text-gradient-celebration

Background Gradients

Romantic

Birthday

Celebration

Animations

💕

Float

animate-float

✨

Fade In

animate-fade-in

🎉

Slide Up

animate-slide-up

🎂

Scale In

animate-scale-in

Buttons

Shadows

Soft Shadow

shadow-soft

Card Shadow

shadow-card

Glow Shadow

shadow-glow

Card Examples

Card Title

This is a sample card with hover lift effect.

Romantic Card

Card with romantic gradient background.

Birthday Card

Card with birthday gradient background.