20 Brine family Header Layouts in Squarespace

As the newest Squarespace template family, Brine family templates offer a fantastic degree of customization. I’ve put together a 20 different layouts for inspiration in the gallery below.

Which templates are in the Brine family?

Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West

What are the customization options for Brine family headers?

So many! You can control whether an item appears in the Top header or Bottom header area, then whether it appears to the left, center, or right side of the screen. In addition, you can choose to have multiple items in the same area to appear horizontally or stacked. Navigation can be divided into Primary and Secondary navigations with Secondary Navigation items either inheriting Primary Nav styling or having a style of their own (you can even style the Secondary Nav as a button, similar to the Bedford template navigation option).

The Inspiration Gallery

In the examples below, the top header area appears in orange and the bottom header area is filled with a blue background banner image. A screenshot of the relevant Style Settings is included on the image. I hope you find header layout inspiration for your next Brine family project!

Previous
Previous

Custom CSS Every Squarespace 7.0 Website Needs

Next
Next

How to add Social Media Icons to Squarespace Navigation