Documentation

The Sinmun design

The Sinmun designUniSoftCo

The shapes, the chrome and the layouts the Sinmun design declares.

Everything below is declared by the Sinmun 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.

  • Articles
  • Authentication
  • Basic
  • Businesses
  • Classifieds

Its top and its bottom

2 headers to choose between:

  • News
  • No header

2 footers to choose between:

  • Detailed
  • 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.

Articles.Detail

  • Heading first, then the picture

Articles.List

  • Cards four across, the whole card a link (4+) It cannot use: columns, pager — so the composer does not offer them here.
  • Columns of a card over three headlines — four to a column (any) It cannot use: columns, pager — so the composer does not offer them here.
  • Equal cards in a strip — you choose how many across (2+) It cannot use: pager — so the composer does not offer them here.
  • Four cards across (4+) It cannot use: columns, pager — so the composer does not offer them here.
  • More from the open article's category (any) It cannot use: categoryId, pager — 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 lead, the rest as headlines beside (any) 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.
  • Picture and words side by side, twice, with a list beside (5+) Holds 2 — 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.
  • Two columns: four categories, a newsletter and an advertisement (15+) Holds 15 — 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.
  • 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.

Basic.Slider

  • The original slider

Businesses.Categories

  • What the directory is made of — tiles

Businesses.Category

  • One category: what is under it, and what is in it

Businesses.Detail

  • One place: its details, its branches

Businesses.List

  • The directory's places, as cards

Businesses.Map

  • The places on a map

Classifieds.Categories

  • What is advertised here — tiles

Classifieds.Category

  • One category: what is under it, and what is in it

Classifieds.Detail

  • One advertisement: its pictures, its details, its seller

Classifieds.List

  • The advertisements, as cards

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.

One 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

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

Comments

Nobody has written yet. Be the first.

This article is not taking comments.