{"id":120,"date":"2023-06-24T11:08:45","date_gmt":"2023-06-24T18:08:45","guid":{"rendered":"https:\/\/ecenter.org\/?page_id=120"},"modified":"2023-06-28T05:55:11","modified_gmt":"2023-06-28T12:55:11","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/ecenter.org\/fa\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"
\n
\n\n

This is just a placeholder PREHEADLINE.
<\/h2>\n\n\n\n

This is just a placeholder headline.<\/h2>\n\n\n\n

This is just a placeholder headline, we will replace it once your website copy is finalized.<\/h2>\n\n\n\n
<\/div>\n\n\n
\n
\n\n

Heading Tags<\/h2>\n\n\n\n

Heading 1<\/h1>\n\n\n\n

Heading 2<\/h2>\n\n\n\n

Heading 3<\/h3>\n\n\n\n

Heading 4<\/h4>\n\n\n\n

Heading 5<\/h5>\n\n\n\n
Heading 6<\/h6>\n\n<\/div><\/div>\n\n
\n\n

Body Text<\/h2>\n\n\n\n

This is just placeholder text. Don\u2019t be alarmed, this is just here to fill up space since your finalized copy isn\u2019t ready yet. Once we have your content finalized, we\u2019ll replace this placeholder text with your real content. This is a link<\/a>.<\/p>\n\n\n\n

Sometimes it\u2019s nice to put in text just to get an idea of how text will fill in a space on your website.<\/p>\n\n\n\n

Traditionally our industry has used Lorem Ipsum, which is placeholder text written in Latin. Unfortunately, not everyone is familiar with Lorem Ipsum and that can lead to confusion. I can\u2019t tell you how many times clients have asked me why their website is in another language!<\/p>\n\n\n\n

There are other placeholder text alternatives like Hipster Ipsum, Zombie Ipsum, Bacon Ipsum, and many more. While often hilarious, these placeholder passages can also lead to much of the same confusion.<\/p>\n\n\n\n

If you\u2019re curious, this is Website Ipsum. It was specifically developed for the use on development websites. Other than being less confusing than other Ipsum\u2019s, Website Ipsum is also formatted in patterns more similar to how real copy is formatted on the web today.<\/p>\n\n<\/div><\/div>\n<\/div>\n\n

\n\n

Lists<\/h2>\n\n\n
\n
\n\n
    \n
  • This is just a placeholder<\/li>\n\n\n\n
  • We will change this out later<\/li>\n\n\n\n
  • We\u2019re using Website Ipsum<\/li>\n\n\n\n
  • It\u2019s just meant to fill space<\/li>\n\n\n\n
  • Until your content is ready<\/li>\n<\/ul>\n\n<\/div><\/div>\n\n
    \n\n
      \n
    1. This is just a placeholder<\/li>\n\n\n\n
    2. We will change this out later<\/li>\n\n\n\n
    3. We\u2019re using Website Ipsum<\/li>\n\n\n\n
    4. It\u2019s just meant to fill space<\/li>\n\n\n\n
    5. Until your content is ready<\/li>\n<\/ol>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n
      \n
      \n\n

      Theme Colors<\/h2>\n\n\n
      \n
      \n\n

      Contrast<\/p>\n\n<\/div><\/div>\n\n

      \n\n

      Contrast-2<\/p>\n\n<\/div><\/div>\n\n

      \n\n

      Contrast-3<\/p>\n\n<\/div><\/div>\n\n

      \n\n

      Base<\/p>\n\n<\/div><\/div>\n\n

      \n\n

      Base-2<\/p>\n\n<\/div><\/div>\n\n

      \n\n

      Base-3<\/p>\n\n<\/div><\/div>\n\n

      \n\n

      Accent<\/p>\n\n<\/div><\/div>\n\n

      \n\n

      Accent-2<\/p>\n\n<\/div><\/div>\n\n

      \n\n

      Accent-3<\/p>\n\n<\/div><\/div>\n\n

      \n\n

      Accent-4<\/p>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n

      \n
      \n\n

      Buttons<\/h2>\n\n\n
      \n
      \n\n

      Primary<\/p>\n\n\n\nButton<\/span>\n\n<\/div><\/div>\n\n

      \n\n

      Secondary<\/p>\n\n\n\nButton<\/span>\n\n<\/div><\/div>\n\n

      \n\n

      Small<\/p>\n\n\n\nButton<\/span>\n\n<\/div><\/div>\n\n

      \n\n

      Outlined<\/p>\n\n\n\nButton<\/span>\n\n<\/div><\/div>\n\n

      \n\n

      Outlined Small<\/p>\n\n\n\nButton<\/span>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n

      \n
      \n\n

      Form Fields<\/h2>\n\n\n