A design draws only the families it declares. One that does not name an addon simply has no components for it — a news template has no shop.

• Accounting
• Articles
• Assistant
• Authentication
• Basic
• Businesses
• Classifieds
• Commerce
• Courses
• Ecommerce
• Management
• MobileApp
• RealEstate

7 headers to choose between:

• Standard
• Centred
• Contact strip
• Single line
• Masthead
• Centred, quiet bar
• No header

8 footers to choose between:

• Simple
• Three columns
• One line
• Dark band
• Copyright line
• Deep columns
• Two halves, then a strip
• No footer

Where a component can be drawn more than one way, these are the shapes this design offers and what each is for.

Articles.Categories

• A ruled heading, each count across a dotted line

Articles.Category

• The shelf's picture as a masthead, then cards

Articles.Detail

• Picture first, full width
• The cover first, the words on a card under it
• The cover first, then the shelf, the byline and the headline
• Words only, no cover picture It cannot use: showImage, showCategory, showReadCount — so the composer does not offer them here.

Articles.List

• A ruled heading over «more from this shelf» (3+) It cannot use: showSummary, pager — so the composer does not offer them here.
• A ruled heading, the words on the picture (1+)
• Cards four across, the whole card a link (4+) It cannot use: columns, pager — so the composer does not offer them here.
• Cards with the date on a tab Holds 3 — a floor, so a placement with fewer is raised to meet it.
• Cards — a picture on top of each Holds 3 — a floor, so a placement with fewer is raised to meet it.
• Equal cards in a strip — you choose how many across (2+) It cannot use: pager — so the composer does not offer them here.
• Front-page mosaic It cannot use: pager, showSummary, columns — so the composer does not offer them here.
• Headlines only It cannot use: columns, showSummary, showAuthor, showCategory, showCategories, showReadCount, showCommentCount — so the composer does not offer them here.
• More from the open article's category (any) It cannot use: categoryId, columns, pager — so the composer does not offer them here.
• News ticker It cannot use: pager, showSummary, columns, showDate, showCategory — so the composer does not offer them here.
• One large, headlines beside it (5+) It cannot use: columns, pager — so the composer does not offer them here.
• One with its picture, small ones beside it (4+) It cannot use: columns, pager — so the composer does not offer them here.
• Two down each side, three carried between them (7) Holds 7 — a floor, so a placement with fewer is raised to meet it. It cannot use: columns, pager — so the composer does not offer them here.
• «More from this shelf» on a panel in the accent (3+) It cannot use: showSummary, pager, columns — so the composer does not offer them here.

Articles.Slider

• Full-width stage

Articles.Tags

• A ruled heading, the tags as bordered chips

Assistant.Chat

• In the page

Basic.Banner

• Advertisement beside the logo It cannot use: count, showText — so the composer does not offer them here.
• Picture only, no words
• Side by side

Basic.Contact

• A card for each way, form on a card
• A ruled column of ways, the form on a panel
• Details beside the form
• Each part in a panel

Basic.Html

• A panel with a heading bar
• A reading column
• A ruled heading bar over the prose
• Card

Basic.PageTitle

• Centred on a band
• One line: the trail, ending in the page
• The name and the trail on one line, on a card

Basic.Slider

• A full stage, like motoor's
• Band — a headline and a button on a colour Holds 1 — a floor, so a placement with fewer is raised to meet it. It cannot use: interval, showText — so the composer does not offer them here.
• Boxes — a mark, a heading and a line Holds 3 — a floor, so a placement with fewer is raised to meet it. It cannot use: interval, showText — so the composer does not offer them here.
• Hero — one slide, full width, words on the picture Holds 1 — a floor, so a placement with fewer is raised to meet it. It cannot use: interval, showText — so the composer does not offer them here.
• Logos — a row of marks and no words Holds 8 — a floor, so a placement with fewer is raised to meet it. It cannot use: interval, showText — so the composer does not offer them here.
• Stage — words beside the picture, full width Holds 8 — a floor, so a placement with fewer is raised to meet it.
• Steps — numbered, with a rule between them Holds 3 — a floor, so a placement with fewer is raised to meet it. It cannot use: interval, showText — so the composer does not offer them here.
• The original slider
• Words beside the picture
• Words over the picture

Courses.List

• The original course list It cannot use: bare, heading — so the composer does not offer them here.

Management.Buy

• A third of the row, with two boxes beside it It cannot use: serverPlans — so the composer does not offer them here.
• The panel on its own, full width It cannot use: appTitle, appLede, appUrl, aboutTitle, aboutLede, aboutUrl, serverPlans — so the composer does not offer them here.

A layout is how one page is divided. Every one of them has a band above the page and an area under it, whatever happens in the middle.

One column

• Above the page — 12 of twelve wide
• Content — 12 of twelve wide
• Under the page — 12 of twelve wide

One wide column

• Above the page — 12 of twelve wide
• Content — 12 of twelve wide
• Under the page — 12 of twelve wide

A narrow column

• Above the page — 12 of twelve wide
• Content — 8 of twelve wide
• Under the page — 12 of twelve wide

Content, then sidebar

• Above the page — 12 of twelve wide
• Content — 8 of twelve wide
• Sidebar — 4 of twelve wide
• Under the page — 12 of twelve wide

Sidebar, then content

• Above the page — 12 of twelve wide
• Content — 8 of twelve wide
• Sidebar — 4 of twelve wide
• Under the page — 12 of twelve wide

Two equal columns

• Above the page — 12 of twelve wide
• Content — 6 of twelve wide
• The second column — 6 of twelve wide
• Under the page — 12 of twelve wide

Two equal columns, edge to edge

• Above the page — 12 of twelve wide
• Content — 6 of twelve wide
• The second column — 6 of twelve wide
• Under the page — 12 of twelve wide

Three columns

• Above the page — 12 of twelve wide
• Content — 6 of twelve wide
• Left column — 3 of twelve wide
• Right column — 3 of twelve wide
• Under the page — 12 of twelve wide

Article page

• Above the page — 12 of twelve wide
• Content — 8 of twelve wide
• Sidebar — 4 of twelve wide
• Under the page — 12 of twelve wide