Style Guide

This page is here to show off styles for standard page elements such as typography, form elements, and icons. These are hard coded in an alternate page template file, named page.style-guide.liquid.

Colors

Brand Colors
Charcoal
Gold
Dark Gold
Lavender
Baby Blue
Carnation Pink
Cream
Gray
Colors
Primary
Secondary
Tertiary
Success
Warning
Danger
Info

Typography

Type Specimen

I studied psychology systematically, and under the prevailing stimulus my son Wingate did the same—his studies leading eventually to his present professorship. In 1917 and 1918 I took special courses at Miskatonic. Meanwhile, my examination of medical, historical, and anthropological records became indefatigable, involving travels to distant libraries, and finally including even a reading of the hideous books of forbidden elder lore in which my secondary personality had been so disturbingly interested.

Some of the latter were the actual copies I had consulted in my altered state, and I was greatly disturbed by certain marginal notations and ostensible corrections of the hideous text in a script and idiom which somehow seemed oddly unhuman.

These markings were mostly in the respective languages of the various books, all of which the writer seemed to know with equal, though obviously academic, facility. One note appended to von Junzt's Unaussprechlichen Kulten, however, was alarmingly otherwise. It consisted of certain curvilinear hieroglyphs in the same ink as that of the German corrections, but following no recognized human pattern. And these hieroglyphs were closely and unmistakably akin to the characters constantly met with in my dreams—characters whose meaning I would sometimes momentarily fancy I knew, or was just on the brink of recalling.

To complete my black confusion, my librarians assured me that, in view of previous examinations and records of consultation of the volumes in question, all of these notations must have been made by myself in my secondary state. This despite the fact that I was and still am ignorant of three of the languages involved.

Piecing together the scattered records, ancient and modern, anthropological and medical, I found a fairly consistent mixture of myth and hallucination whose scope and wildness left me utterly dazed. Only one thing consoled me, the fact that the myths were of such early existence. What lost knowledge could have brought pictures of the Palaeozoic or Mesozoic landscape into these primitive fables, I could not even guess; but the pictures had been there. Thus, a basis existed for the formation of a fixed type of delusion.

Type styles

Blockquotes

The most merciful thing in the world, I think, is the inability of the human mind to correlate all its contents. We live on a placid island of ignorance in the midst of black seas of infinity, and it was not meant that we should voyage far. H.P. Lovecraft

The most merciful thing in the world, I think, is the inability of the human mind to correlate all its contents. We live on a placid island of ignorance in the midst of black seas of infinity, and it was not meant that we should voyage far.

H.P. Lovecraft

The arabesque tracery consisted altogether of depressed lines, whose depth on unweathered walls varied from one to two inches. When cartouches with dot-groups appeared—evidently as inscriptions in some unknown and primordial language and alphabet—the depression of the smooth surface was perhaps an inch and a half, and of the dots perhaps a half inch more. The pictorial bands were in countersunk low relief, their background being depressed about two inches from the original wall surface.

In some specimens marks of a former coloration could be detected, though for the most part the untold aeons had disintegrated and banished any pigments which may have been applied. The more one studied the marvelous technique, the more one admired the things.

Beneath their strict conventionalization one could grasp the minute and accurate observation and graphic skill of the artists; and indeed, the very conventions themselves served to symbolize and accentuate the real essence or vital differentiation of every object delineated. We felt, too, that besides these recognizable excellences there were others lurking beyond the reach of our perceptions. Certain touches here and there gave vague hints of latent symbols and stimuli which another mental and emotional background, and a fuller or different sensory equipment, might have made of profound and poignant significance to us.

H.P. Lovecraft

Lists

Unordered List
  • One
  • Two
  • Three
  • Four
Child Lists
  • One
  • Two
  • Three, with child list
    • First sub item
    • Second sub item
    • Third sub item, with child list
      • Third level item
      • Another third level item
  • Four
Ordered List
  1. One
  2. Two
  3. Three
  4. Four
Child Lists
  1. One
  2. Two
  3. Three, with child list
    1. First sub item
    2. Second sub item
    3. Third sub item, with child list
      1. Third level item
      2. Another third level item
  4. Four

Typography

Heading 1 - Span - Strong - Link

Details judge there madness cross account underground elder public. This is strong text. Missing structures minds taken fantastically already aerial having compared. This is emphasised text. Other orifices reached preserved corral slate sight cold-blooded intending. Wildest difficult shapes unbelievably involve provisions things first unbroken. Which recalled ancient crumpled would things suggested formed sensible. Monument already mention matter built careful hellish, amidst could? Material known ill-built scene decision graves realized, miles extreme?

Heading 2 - Span - Strong - Link

Afresh speculate fantasy tried feelings revolting, party designs scattering! This is strong text. Announced their shall cubes peculiar cabin, first latter savage! This is emphasised text. Definitely glasses which whatever downhill ourselves succeeded paintings frightful. Indeed matter amundsen shunned sides unchanging altitude broad lake's. Ramparts utterance ourselves frightful really amplify constantly photographs could. Forcible sound horrors could inexpertly forbade loomed finding danforth. Insufficient things fantastic electric horrors r'lyeh other other seemed.

Heading 3 - Span - Strong - Link

Staples thanked which guess monstrosities stated fourteen exhaustive towering. This is strong text. Danforth towers potently seemed enormous formation skyward, horrors scarred? This is emphasised text. Rampart spare wind-carved petrified larger mortarless other, overwrought different? Foothills hideously usual alone flying miles, moment almost being! Danforth smoothed expert walking guesses turned, roofed struck series! Those foothills happened image terrain repulsion cubes lightness foothills. Vainly world indeed oddly associated reports scouting thing lurking.

Heading 4 - Span - Strong - Link

Through ground careful while malignly scattered fifteen perhaps nucleus. This is strong text. Known better sinister confirmation previously cones outset cubes later. This is emphasised text. Unlikely thing foothills return highly surface glaciated though star-shaped. Further materials facts irresponsible outer state concerned sometimes apparent. Proper refrained plane decided order receded devices, toward snake? Scarcely interstitial batteries exotic which tangle because, layer honeycomb? Beginning other corona cracks since actual, whole maltreatment ice-sheet!

Heading 5 - Span - Strong - Link

Detail mechanical eight extravagant range northwestward layer started crumbled. This is strong text. Three command where expedition tallest marking black bulletins actually. This is emphasised text. Drill atwood unusual cover three snowstorm profusion lower plain. Dynamited where navigation bulletin shore boring necessary midsummer beyond. Positively succession great osseous hence headlong great permanent primitive. Wonder fossils begun whistles myself wireless another, earth season? Antarctic shouting barren varied stated apparatus collection, thorfinnssen complex?

Heading 6 - Span - Strong - Link

Discovered public which mammals either myself, technique several explorers! This is strong text. Another closed along rapid sampling, spoke planes england formation! This is emphasised text. Geologist early could supply certain continent judgment previous expedition. Steady listeners about antarctic bones aperture outpost significance existence. Slowly pabodie fancy-stirring course thirty-five sudden southern translated frequent. Excitement later efficiency planned excitement fauna thought mcmurdo despite. Radical division below wildly great course winter thousand markings.

Rich Text

Heading 1 - Span - Strong - Link

Details judge there madness cross account underground elder public. Missing structures minds taken fantastically already aerial having compared. Other orifices reached preserved corral slate sight cold-blooded intending. Wildest difficult shapes unbelievably involve provisions things first unbroken. Which recalled ancient crumpled would things suggested formed sensible. Monument already mention matter built careful hellish, amidst could? Material known ill-built scene decision graves realized, miles extreme?

Heading 2 - Span - Strong - Link

Afresh speculate fantasy tried feelings revolting, party designs scattering! Announced their shall cubes peculiar cabin, first latter savage! Definitely glasses which whatever downhill ourselves succeeded paintings frightful. Indeed matter amundsen shunned sides unchanging altitude broad lake's. Ramparts utterance ourselves frightful really amplify constantly photographs could. Forcible sound horrors could inexpertly forbade loomed finding danforth. Insufficient things fantastic electric horrors r'lyeh other other seemed.

Heading 3 - Span - Strong - Link

Staples thanked which guess monstrosities stated fourteen exhaustive towering. Danforth towers potently seemed enormous formation skyward, horrors scarred? Rampart spare wind-carved petrified larger mortarless other, overwrought different? Foothills hideously usual alone flying miles, moment almost being! Danforth smoothed expert walking guesses turned, roofed struck series! Those foothills happened image terrain repulsion cubes lightness foothills. Vainly world indeed oddly associated reports scouting thing lurking.

Heading 4 - Span - Strong - Link

Through ground careful while malignly scattered fifteen perhaps nucleus. Known better sinister confirmation previously cones outset cubes later. Unlikely thing foothills return highly surface glaciated though star-shaped. Further materials facts irresponsible outer state concerned sometimes apparent. Proper refrained plane decided order receded devices, toward snake? Scarcely interstitial batteries exotic which tangle because, layer honeycomb? Beginning other corona cracks since actual, whole maltreatment ice-sheet!

Heading 5 - Span - Strong - Link

Detail mechanical eight extravagant range northwestward layer started crumbled. Three command where expedition tallest marking black bulletins actually. Drill atwood unusual cover three snowstorm profusion lower plain. Dynamited where navigation bulletin shore boring necessary midsummer beyond. Positively succession great osseous hence headlong great permanent primitive. Wonder fossils begun whistles myself wireless another, earth season? Antarctic shouting barren varied stated apparatus collection, thorfinnssen complex?

Heading 6 - Span - Strong - Link

Discovered public which mammals either myself, technique several explorers! Another closed along rapid sampling, spoke planes england formation! Geologist early could supply certain continent judgment previous expedition. Steady listeners about antarctic bones aperture outpost significance existence. Slowly pabodie fancy-stirring course thirty-five sudden southern translated frequent. Excitement later efficiency planned excitement fauna thought mcmurdo despite. Radical division below wildly great course winter thousand markings.

Table Styles

Order Date Payment Status Fulfillment Status Total
#1001 December 22, 2015 Authorized Unfulfilled $43.03
#1002 December 23, 2015 Authorized Unfulfilled $44.03
#1003 December 24, 2015 Authorized Unfulfilled $45.03
#1004 December 25, 2015 Authorized Unfulfilled $46.03
#1005 December 26, 2015 Authorized Unfulfilled $47.03
#1006 December 27, 2015 Authorized Unfulfilled $48.03

Forms

Default form elements

Invisible labels

Add a class of label-hidden to a label to visually hide it, while keeping it accessible to screen readers. Use the placeholder attribute as your visible label.

Note: The placeholder attribute only works in IE10+, so invisible labels are disabled in IE9 and below.

Vertical Forms

Checkboxes

Radios

Notes and Form Errors

This is a standard message. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae facere quam repellat obcaecati, mollitia corrupti non odio quasi, reiciendis deserunt?
This is a primary message. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel cum ratione, qui repellat architecto nemo nihil nisi rerum distinctio, sapiente.
This is a secondary message. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque est ducimus inventore facilis placeat assumenda sed, fugit asperiores id, deleniti.
This is a tertiary message. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa numquam iusto ipsum commodi excepturi consequatur corrupti nemo harum voluptatibus eius.
This is a success message. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere id doloremque totam nihil. Fuga culpa delectus, officia asperiores nihil mollitia!
This is a warning message. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita, modi. Tempora beatae accusamus ratione at inventore numquam, pariatur! Doloremque, beatae.
This is a danger message. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur beatae tempore similique quam maiores, eveniet ab eligendi? Nam, voluptatibus, unde.
This is a info message. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum soluta aspernatur adipisci veniam nam quasi quibusdam labore dolore, praesentium vero.
This is an error message.
  • Bullets can offer more insight to the error

Buttons

Small


Normal


Large


Miscellaneous elements

Horizontal Rules

Default hr


Invisible hr.hr--clear


Small hr.hr--small


SVG icons

Payment icons

Liquid error (sections/style-guide line 598): Could not find asset snippets/icon-amazon_payments.liquid
Liquid error (sections/style-guide line 599): Could not find asset snippets/icon-american_express.liquid
Liquid error (sections/style-guide line 600): Could not find asset snippets/icon-bitcoin.liquid
Liquid error (sections/style-guide line 601): Could not find asset snippets/icon-cirrus.liquid
Liquid error (sections/style-guide line 602): Could not find asset snippets/icon-dankort.liquid
Liquid error (sections/style-guide line 603): Could not find asset snippets/icon-diners_club.liquid
Liquid error (sections/style-guide line 604): Could not find asset snippets/icon-discover.liquid
Liquid error (sections/style-guide line 605): Could not find asset snippets/icon-dogecoin.liquid
Liquid error (sections/style-guide line 606): Could not find asset snippets/icon-dwolla.liquid
Liquid error (sections/style-guide line 607): Could not find asset snippets/icon-forbrugsforeningen.liquid
Liquid error (sections/style-guide line 608): Could not find asset snippets/icon-interac.liquid
Liquid error (sections/style-guide line 609): Could not find asset snippets/icon-jcb.liquid
Liquid error (sections/style-guide line 610): Could not find asset snippets/icon-litecoin.liquid
Liquid error (sections/style-guide line 611): Could not find asset snippets/icon-maestro.liquid
Liquid error (sections/style-guide line 612): Could not find asset snippets/icon-master.liquid
Liquid error (sections/style-guide line 613): Could not find asset snippets/icon-paypal.liquid
Liquid error (sections/style-guide line 614): Could not find asset snippets/icon-visa.liquid

Social icons

General icons

Liquid error (sections/style-guide line 635): Could not find asset snippets/icon-arrow-down.liquid
Liquid error (sections/style-guide line 641): Could not find asset snippets/icon-rss.liquid
Liquid error (sections/style-guide line 642): Could not find asset snippets/icon-search.liquid