The Let's Travel design

The shapes, the chrome and the layouts the Let's Travel design declares.

Everything below is declared by the Let's Travel 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
  • Assistant
  • Authentication
  • Basic
  • Commerce
  • Ecommerce

Its top and its bottom

7 headers to choose between:

  • The mark and the menu, over the picture
  • The mark centred, the menu beneath it
  • A white bar of contacts over the menu
  • The mark in a utility bar, the menu on its own row
  • One wide row, the basket at its end
  • A dark strip of links over a white band
  • No header

6 footers to choose between:

  • Four dark columns and a bar
  • Mostly links, with the accounts named
  • The same, on a pale ground
  • Two wide blocks: who, and how to reach
  • The bar alone
  • 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.List

  • A grid of cards
  • A shelf for a column It cannot use: columns, pager — so the composer does not offer them here.
  • More from this category It cannot use: categoryId, pager — so the composer does not offer them here.
  • Wide posts It cannot use: columns — so the composer does not offer them here.

Assistant.Chat

  • In the page

Basic.Slider

  • The original slider

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
  • Header, in the contacts bar — 12 of twelve wide
  • Content — 12 of twelve wide
  • Under the page — 12 of twelve wide

Content with a column beside it

  • Above the page — 12 of twelve wide
  • Header, in the contacts bar — 12 of twelve wide
  • Content — 8 of twelve wide
  • Beside it — 4 of twelve wide
  • Under the page — 12 of twelve wide

A column, then the content

  • Above the page — 12 of twelve wide
  • Header, in the contacts bar — 12 of twelve wide
  • Content — 8 of twelve wide
  • Beside it — 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.