lulu.studio

How it works

hero:

Minimal centered composition: orange notification strip at top spanning full width, domain name in large white sans-serif at vertical center, followed by 'Related Searches:' label in muted blue, all stacked vertically on dark navy background.

layout:

Vertical stack of five full-width search suggestion cards (centered column, roughly 60% viewport width) with flanking blurred rounded rectangles on left and right edges creating depth; cards separated by consistent spacing.

type:

All-caps sans-serif for card labels (tracking-expanded, high weight) paired with right-aligned chevron arrows in matching weight; small capitalized 'Related Searches:' label in reduced size and lower contrast to establish information hierarchy.

colors:

Navy background (90% of page) with white text hierarchy, orange accent bar at top for urgency, muted slate-blue for secondary labels, pale gray borders on suggestion cards for interactive affordance.

distinctive:

Blurred semi-transparent rounded pill shapes bleeding off left and right edges of the card stack, creating a layered depth effect that suggests cards extending beyond the viewport frame.