Style Guide | Glance Optics & Eyewear

Style Guide

Color Palette

  • #C3CF21
  • #21A3A3
  • #13C8B5
  • #6CF3D5
  • #2B364A

This is a heading 1

This is a test paragraph.

This is a heading 2

This is a test paragraph.

This is a heading 3

This is a test paragraph.

This is a heading 4

This is a test paragraph.

This is a heading 5

This is a test paragraph.

This is a heading 6

This is a test paragraph.

Basic block level elements

This is a normal paragraph (p element). This block of text also has the 2 column DIV setting applyed to it. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque euismod, est eget facilisis maximus, arcu turpis placerat urna, id commodo magna lacus ut leo. Ut ac euismod lectus. Cras id elit ut leo tristique dignissim. Aliquam nec purus a neque tincidunt consectetur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam eget maximus lectus, finibus pellentesque est. Ut vehicula quis nunc ut ullamcorper. Sed vitae nisi eget lectus tincidunt consectetur non at elit.

Curabitur id mauris ultricies, maximus elit id, egestas lacus. Aenean at porttitor neque. Vestibulum finibus porta ipsum, ut hendrerit nisi elementum eget. Fusce consectetur, nisi at fringilla facilisis, nunc quam dictum quam, ut luctus libero nisi non ipsum. Etiam dapibus iaculis eros sit amet consequat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec porttitor gravida nisi, sed luctus elit hendrerit in. Nulla ornare ipsum in est lobortis cursus. Nam sit amet ipsum dolor. Mauris ex urna, dignissim sed elementum mattis, euismod vitae quam. Nulla efficitur mi a varius ornare.

This is a block quotation containing a single paragraph. Nulla ornare ipsum in est lobortis cursus. Nam sit amet ipsum dolor. Mauris ex urna, dignissim sed elementum mattis, euismod vitae quam. Nulla efficitur mi a varius ornare.

Lists

This is a paragraph before an unnumbered list.

  • One.
  • Two.
  • Three. Nulla ornare ipsum in est lobortis cursus. Nam sit amet ipsum dolor. Mauris ex urna, dignissim sed elementum mattis, euismod vitae quam. Nulla efficitur mi a varius ornare.
  • Four. This is the last item in this list. Nulla ornare ipsum in est lobortis cursus.

This is a paragraph before a numbered list.

  1. One.
  2. Two.
  3. Three. Nulla ornare ipsum in est lobortis cursus. Nam it amet ipsum dolor. Mauris ex urna, dignissim sed elementum mattis, euismod vitae quam. Nulla efficitur mi a varius ornare
  4. Four. Nulla ornare ipsum in est lobortis cursus. Nam sit ipsum dolor. Mauris ex urna, dignissim sed elementum mattis, euismod vitae quam. Nulla efficitur mi a varius ornare.

Text-level markup

  • This is bold text
  • This is italic text
  • This is underlined text
  • This is strike through text
  • This text has superscript
  • This text has subscript

Links

This is a text paragraph that contains some inline links. Nulla ornare ipsum in est lobortis cursus. Nam sit amet ipsum dolor. Mauris ex urna, dignissim sed elementum mattis, euismod vitae quam. Nulla efficitur mi a varius ornare.

Tables

The following table has a caption at the top, the first row contains table header cells (th elements) only; other cells are data cells (td elements), with align=”right” attributes:

Sample table: Areas of the Nordic countries, in sq km
Country Total area Land area
Denmark 43,070 42,370
Finland 337,030 305,470
Iceland 103,000 100,250
Norway 324,220 307,860
Sweden 449,964 410,928

Embeded Video