The Sinmun design
UniSoftCoThe 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.