{"id":8,"date":"2020-06-22T20:00:43","date_gmt":"2020-06-22T20:00:43","guid":{"rendered":"http:\/\/localhost:8888\/LD_style_guide\/?page_id=8"},"modified":"2022-11-21T20:01:17","modified_gmt":"2022-11-21T20:01:17","slug":"home","status":"publish","type":"page","link":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/","title":{"rendered":"Home"},"content":{"rendered":"\n

This is the LawDepot Style Guide.<\/p>\n\n\n\n

Goals<\/h5>\n\n\n\n
    \n
  1. The goal of the Style Guide is to act as a stand-in for contributors when looking for guidance about choices that need to be made in terms of design, development, and content.<\/li>\n\n\n\n
  2. Also, to improve the efficiency of design and development process by universalizing patterns so any designer or developer can quickly assemble projects.<\/li>\n\n\n\n
  3. To provide a clear and concise design system for contributors.<\/li>\n\n\n\n
  4. To systematize design choices like margin spaces to reduce redundancy in creating specs and overcome the resulting idiosyncrasies throughout the website.<\/li>\n\n\n\n
  5. To provide a common language for contributors when communicating about the website. (See Atomic naming conventions<\/a>).<\/li>\n\n\n\n
  6. To demonstrate how elements are used within the site.<\/li>\n<\/ol>\n\n\n\n
    Designers<\/h5>\n\n\n\n

    Currently, there is a Style Guide being compiled for designers who use Adobe Illustrator to create wireframes and mock-ups. Please, consider adding to the library. A link can be found here:<\/p>\n\n\n\n

    Adobe Illustrator Style Guide Library<\/a><\/p>\n\n\n\n

    Use this file (a “.cclibs” file type) to import directly into your Adobe Illustrator Library<\/p>\n\n\n\n

    Import Adobe Illustator file<\/a><\/p>\n\n\n\n

    Admin Access<\/h5>\n\n\n\n

    To get access to the WordPress back-end.<\/p>\n\n\n\n

    http:\/\/styleguide.lawdepot.com\/wp-admin<\/a><\/p>\n\n\n\n

    User:<\/strong> root
    Pass:<\/strong> root<\/p>\n\n\n\n

    Style Guide Page Structure<\/h5>\n\n\n\n

    The style guide pages use Bootstrap tabs inside of WordPress Gutenberg blocks to create the sections of “Example”, “Description” and “Code”.<\/p>\n\n\n\n

    The template and instructions on how they work can be found on the Template Page<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

    This is the LawDepot Style Guide. Goals Designers Currently, there is a Style Guide being compiled for designers who use Adobe Illustrator to create wireframes […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"_links":{"self":[{"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages\/8"}],"collection":[{"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":16,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1353,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages\/8\/revisions\/1353"}],"wp:attachment":[{"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}