Documentation

The Social Network design

The shapes, the chrome and the layouts the Social Network design declares.

Everything below is declared by the Social Network design itself, so it is true of this deployment rather than of a manual.

What it can draw

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.

  • Authentication
  • Basic
  • Social

Its top and its bottom

3 headers to choose between:

  • A slim bar: the mark, a «new idea» button, the theme switch and the account
  • The site's own header, then the slim bar
  • No header

2 footers to choose between:

  • One quiet line: the footer menu and the year
  • No footer

The shapes it offers

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

Basic.PageTitle

  • The page's name in a card It cannot use: showTrail — so the composer does not offer them here.

Social.Feed

  • The feed

Social.Videos

  • Short videos

How a page can be divided

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.

The network: navigation, the content, and a column beside it

  • Beside it (suggestions, advertising) — 4 of twelve wide
  • Content — 8 of twelve wide

One narrow column (signing in, the welcome steps)

  • Content — 12 of twelve wide

Comments

Nobody has written yet. Be the first.

This article is not taking comments.