ThemeKit UI

Article Slide Panel

ThemeKit UI Slide Panel

Layout

The container has a CSS grid layout with an HTML5 <figure> and an <article>.
The info button slides the image over the article to reveal a list for specifications or features.

Max Article

Article Slide Drawer

ThemeKit UI Article

Optional Drawer

The drawe slides out on click or tap. It has a heading and text and the option to add a list with heading.

Info Link

Responsive Content

Make sure the content items are spaced out with ample "white" spaceto make the easier to find. Avoid ussing tightly packed rows with three or more items.
Text content should be no more than about 960px wide and use a serif font - black on off white or white on black.

Essentials

Make sure the contact information is immediately visible on page load on the landing page and is included in every page of the site.