Wandsworth Common

Styleguide

This page is a combination all the components on the site. Any new components that are built should be added to here using static HTML first before they are added as regions.

Headings

Font Primary

H1 - Cras justo odio, dapibus ac facilisis in.

H2 - Cras justo odio, dapibus ac facilisis in.

H3 - Cras justo odio, dapibus ac facilisis in.

H4 - Cras justo odio, dapibus ac facilisis in.

H5 - Cras justo odio, dapibus ac facilisis in.
H6 - Cras justo odio, dapibus ac facilisis in.

Font Secondary

H1 - Cras justo odio, dapibus ac facilisis in.

H2 - Cras justo odio, dapibus ac facilisis in.

H3 - Cras justo odio, dapibus ac facilisis in.

H4 - Cras justo odio, dapibus ac facilisis in.

H5 - Cras justo odio, dapibus ac facilisis in.
H6 - Cras justo odio, dapibus ac facilisis in.

Font Tertiary

H1 - Cras justo odio, dapibus ac facilisis in.

H2 - Cras justo odio, dapibus ac facilisis in.

H3 - Cras justo odio, dapibus ac facilisis in.

H4 - Cras justo odio, dapibus ac facilisis in.

H5 - Cras justo odio, dapibus ac facilisis in.
H6 - Cras justo odio, dapibus ac facilisis in.

Paragraphs

Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec ullamcorper nulla non metus auctor fringilla.

Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec ullamcorper nulla non metus auctor fringilla.

Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis.

Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis.

Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis.

Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis.

Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis.

Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras mattis consectetur purus sit amet fermentum.

Lists

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4

Buttons

Line Buttons
Large Solid Buttons
Small Solid Buttons
Border-bottom Transparent
Ghost Buttons
Icon Buttons

Form Inputs

Text Inputs

An error has occured

Select Inputs

An error has occured

Checkboxes

Promo Banner

For nearly 40 years we have strived to set the standard for Chinese food in London

Our Story

Cards

Gallery

Grid

Icons

Media Objects

Media Object (Regular)

Consectetur Inceptos Cras Ullamcorper

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ex purus, porta vel metus nec, dapibus finibus nibh. Sed non turpis auctor, blandit orci id, ullamcorper felis. Proin est ante, placerat in dui non, facilisis pellentesque diam. Donec quis tortor ac felis semper varius. Pellentesque sit amet leo posuere, interdum elit a, eleifend justo. Quisque libero mauris, scelerisque eu.

Chinese New Year

Media Object (Map/Opening Times)

How To Get To Wandsworth Common

Address

11 Bellevue Road
London
SW17 7EG

Telephone

020 8682 9230

Opening Hours

Monday 12.00 - 14.30 18.00 - 22.45
Tuesday 12.00 - 14.30 18.00 - 22.45
Wednesday 12.00 - 14.30 18.00 - 22.45
Thursday 12.00 - 14.30 18.00 - 22.45
Friday 12.00 - 14.30 18.00 - 22.45
Saturday 12.00 - 14.30 18.00 - 22.45
Sunday 12.00 - 14.45 18.00 - 22.00

If you have any questions or feedback, please contact the restaurant here

Media Object Background (Top)

Consectetur Inceptos Cras Ullamcorper

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ex purus, porta vel metus nec, dapibus finibus nibh. Sed non turpis auctor, blandit orci id, ullamcorper felis. Proin est ante, placerat in dui non, facilisis pellentesque diam. Donec quis tortor ac felis semper varius. Pellentesque sit amet leo posuere, interdum elit a, eleifend justo. Quisque libero mauris, scelerisque eu.

Chinese New Year

Media Object Background (Bottom)

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ex purus, porta vel metus nec, dapibus finibus nibh. Sed non turpis auctor, blandit orci id, ullamcorper felis. Proin est ante, placerat in dui non, facilisis pellentesque diam. Donec quis tortor ac felis semper varius. Pellentesque sit amet leo posuere, interdum elit a, eleifend justo. Quisque libero mauris, scelerisque eu.

Call to Action

Media Object (Wide)

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ex purus, porta vel metus nec, dapibus finibus nibh. Sed non turpis auctor, blandit orci id, ullamcorper felis. Proin est ante, placerat in dui non, facilisis pellentesque diam. Donec quis tortor ac felis semper varius. Pellentesque sit amet leo posuere, interdum elit a, eleifend justo. Quisque libero mauris, scelerisque eu.

Call to Action

Media Object (Symbol)

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ex purus, porta vel metus nec, dapibus finibus nibh. Sed non turpis auctor, blandit orci id, ullamcorper felis. Proin est ante, placerat in dui non, facilisis pellentesque diam. Donec quis tortor ac felis semper varius. Pellentesque sit amet leo posuere, interdum elit a, eleifend justo. Quisque libero mauris, scelerisque eu.

Call to Action

Media Object (Overlap)

Our Story

Lorem ipsum dolor sit amet, consectetur adipiscing elit, proin ex purus.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Call to Action

Panels

Quotes

...impressed with the decor. classy restaurant. hot pots were particularily excellent.
Huffington Post

Select Restaurant

Restaurant

Esher

14-18 High Street, Esher
Surrey KT10 9RT
01372 462 489

Open
12:00 - 14:00 & 18:00 - 22:30

Wandsworth

11 Bellevue Road

London SW17 7EG

020 8682 9230

 

Open
12:00 - 14:30 & 18:00 - 22:45

Knightsbridge

233 Brompton Road
London SW3 2EP
020 7584 3658

Open
12:00 - 22:45

Mill Hill

143-145 the Broadway
London NW7 4RN
020 8959 7011

Open
12:30 - 14:30 & 18:00 - 23:15

Express

Swiss Cottage

This is a Deliveroo site only.

We will deliver to you!

Open
17:30 - 23:00

Battersea

116 St. John’s Hill
London SW11 1SJ
020 7228 3140

Open
17:30 - 23:00

Richmond

6 Friars Stile Road
Surrey TW10 6NE
020 8948 3399

Open
17:30 - 23:00

Wimbledon

81 Ridgway
London SW19 4ST
020 8944 8883

Open
17:30 - 23:00

Make a booking at Esher

Make a booking at Wandsworth

Make a reservation

Make a booking at Knightsbridge

Book a table here at Knightsbridge.

Make a booking at Mill Hill

Book a table here at Mill Hill.