Skip to main content

Main navigation

Web dev
- Snippets
- Why the web?
- Resources
- Components
- Tags
Portfolio
Gaming
- Linux
- Specs
- About
About
Contact

Breadcrumb

Web development
Snippets

Non-Rectangular Headers

A landing page for a music app, with overlaid waves and lines within a header that has a softly rounded bottom. — Music Streaming Apps Landing Page by Ibnu Mas’ud for Sebo

A sign up page and control panel page, both with a header containing the name "Xishi Coming" inside a circle, with the dividing line between the header background and main content flowing downwards as if the circle is a drop of liquid. — xishi coming by KKSan

Mail Message Selection by XINBO

A mockup of a car shopping app, with two pages, each with a different car. Each page has the car against a solid colour header, matching the colour of the car, skewed slightly along the z-axis, so that the dividing line is not quite horizontal. — Hero Banner - Mobile First Concept by Patricko

A website mockup with the header hero image being cropped along the bottom by a curve, e.g. a zoomed in portion of a large circle, with the center being somewhere above the top of the mockup, offscreen.. — Personal Trainer website by Jon Kyte

Source link

Tiny Trends #1: Non-Rectangular Headers – UX Power Tools – Medium

Tags

Design inspiration

Find me on GitHub
Find me on GitLab
Find me on Drupal.org
Find me on Mastodon
Find me on Steam
Find me on YouTube