[Feature]Header and Input Styling Not Aligning with vocabulary

[Queen-codes]

Problem

The header and input field in the search portal website slightly differ from the search-index context in the vocabulary design system.

Description

The header and input field should match the design system specifications for consistent styling.

Implementation

• I would be interested in implementing this feature.

[possumbilities]

@Queen-codes what's your approach here. The overall design of the search-index context for the main site is something that serves the main site better in its current design, but I agree trying to provide some parity would be useful.

My worry is we don't want to make them 1:1 since one is an internal search page on a larger website, and the other is a main search hub landing page itself.

[Queen-codes]

Hi @possumbilities , thanks for explaining this! Initially, my approach was to make it look exactly like the search-index page, but now I see why that might not be the best idea. I'm thinking of focusing on aligning the input field instead. What do you think?

[possumbilities]

@Queen-codes I think there's definitely room for trying to make them visually similar and related, and look forward to your approach!