← Back to Home

Color Palette

Our color palette represents elegance, modernity, and femininity. These colors work together to create a cohesive brand identity across all touchpoints.

Rose
#b77a91
Primary brand color - elegant and modern
Rose Dark
#91596e
Deep accent for emphasis
Blush
#efe2dc
Light background and soft accents
Leaf Green
#4f9f25
Success and positive action
Ink Black
#100c0d
Primary text and strong contrast
White
#ffffff
Clean backgrounds and clarity

Typography

We use Inter, a modern and highly readable sans-serif typeface. All headings are set in weight 800 (Extra Bold) for maximum impact, while body text uses weight 400 for optimal readability.

Display Headline

48px • Weight 800 • Line height 1.08

Used for hero sections and major page titles

Large Heading

36px • Weight 800 • Line height 1.12

Used for section headers and key content

Heading Style

26px • Weight 800 • Line height 1.15

Used for card headings and subsections

Body Text - Regular

16px • Weight 400 • Line height 1.6

Used for paragraph text and descriptions

Subtitle / Caption Text

14px • Weight 600 • Line height 1.5

Used for subtitles and emphasised captions

Small Label

12px • Weight 700 • Uppercase

Used for labels, tags, and metadata

Font Family

Inter

Inter is a versatile, open-source sans-serif typeface designed for on-screen reading. It has excellent metrics and spacing, making it perfect for digital interfaces and web design. All text on Asvika Wear uses Inter in one of the following weights:

400 Regular - Standard text content font-weight: 400
500 Medium - Subtle emphasis font-weight: 500
600 Semibold - Strong emphasis font-weight: 600
700 Bold - Highlights and buttons font-weight: 700
800 Extra Bold - Headlines font-weight: 800

Component Examples

These components represent the core UI elements used throughout Asvika Wear's digital experience. They maintain consistency in style, spacing, and interaction patterns.

Primary Button

Used for main calls-to-action

Secondary Button

Used for alternative actions

Brand Badge

Bestseller

Used for tags and labels

Design Principles

  • Clean & Modern: Minimalist design with maximum clarity
  • Accessible: High contrast ratios and readable typography
  • Responsive: Beautiful on all devices and screen sizes
  • Consistent: Unified visual language across all touchpoints
  • Feminine & Strong: Elegant colors reflecting our customer base
← Back to Home