These styles can be used for any default page not covered by other page templates.

Text Styles

3.5625rem/57px H1:
Helvetica Bold

 2.8125rem/45px H2: Helvetica Bold

1.875rem/30px H3: Helvetica Bold


Paragraph

1.125rem/18px Paragraph: Libre Baskerville Regular
Bold, Italic, Underlined noted in example paragraph

Since 1973, Harbor Sweets® has aspired to make the "best chocolates in the world". We use only the finest ingredients and all of our chocolates are handmade at our seaside factory in Salem, Massachusetts. Harbor Sweets is one of New England's most celebrated companies; retaining our authenticity with timeless business values, caring management, friendly customer service and personal touch that goes into every order. It is this commitment that helps us to stand out among a market filled with trendy competitors and mass produced brands. Read our great cookbook The Harbor Sweets Cookbook. (underline)


Block Quote

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

1 px solid border #5592AA, triple line divider. Negative left margin 80px. Harbor Sweets wants you to be completely satisfied with the chocolate and service you receive.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Line divider


3 lines, each 1 px solid #5592AA, 3px gap between

Links & Buttons

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Call To Action

Other Elements

Ordered List

  1. All rows with background colors/photo background, video rows, or photo only rows are full width unless otherwise noted. 
  2. All content should have a max width of 1390 (this should be the theme default)
  3. All theme default padding, margins, etc I tried to stick to unless specifically noted.

Unordered List

  • List-style-type: circle; should work for this
  • List-style-type: circle; should work for this
  • List-style-type: circle; should work for this
  • List-style-type: circle; should work for this

Inline Image

Harbor Sweets Chocolate Products

Provide 50 px spacing around any sides that are adjacent to text. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Provide 50 px spacing around any sides that are adjacent to text. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Block Image & Video

Harbor Sweets Cocoa SanteCaption for block image

Provide 50px of top and bottom margin. Ideally, crop to a 800px wide image; height can be variable. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum

Table

Header Column 1 Header Column 2
Orders up to $50.00 $9.95
Orders up to $50.00 $9.95
Orders up to $50.00 $9.95
Orders up to $50.00 $9.95