Skip to content

New Design for hero section . #96

@singh-odyssey

Description

@singh-odyssey

Proposal

Updating design and color theme .
Design update , colors should be melting when going top to bottom ( gradient fade )

Here is the exact color breakdown you can use in your CSS:

  1. The Core Colors (Backgrounds & Text)
    Midnight Navy (Background): #0B1120
    Used for: The main hero section background and footer. It mimics the night sky from an airplane window.

Pure White (Headings): #FFFFFF
Used for: The main headline "Meet verified travellers..." to ensure maximum readability.

Cool Grey (Subtext): #94A3B8 (Slate 400)
Used for: The paragraph text below the headline. It’s softer on the eyes than pure white.

  1. The Accent Colors (Buttons & Highlights)
    Mint Green (Primary CTA Button): #10B981 or #34D399
    Used for: The "Get started free" button. Green signifies "Go" and "Safety," which fits your verification theme.

Sunset Orange & Peach (Illustration Gradient):
Used for: The illustration highlights. This warm contrast (#F97316 to #FBBF24) represents the destination and "human connection" against the cold dark background.

Additional context

Add any other context or screenshots here.

new design .

Image

Assets .

Image Image

Metadata

Metadata

Assignees

Labels

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions