Header

• Header layout — The three arrangements of logo, menu, icons and button — and what every one of them collapses to on a phone.
• Header colours — The light and dark header skins, and the two pickers that override them.
• Header padding and border — How tall the header bar is, and what separates it from the page below.
• Social icons in the header — Put your profile links in a menu and each one takes the brand icon its URL implies.
• Header button — One call-to-action at the end of the bar — its text, link and style, and what it does once the reader has already acted on it.