===========================
Legal content format icons
===========================

We use colors and iconography on the site to distinguish between different formats.

These are used as icons on:

* legal content pages
* category and subcategory listing pages
* the blog listing page
* the form library category and subcategory pages
* the practice resources category and subcategory pages

These are used as text labels:

* On the forms block in legal content
* On content titles on legal content pages for:

  * Guides
  * How-to's
  * Easy Forms
  * Blank forms
  * Flowcharts


Guide
=======

.. image:: ../assets/design-guide.png

Hex color: #A9c3f0

.. image:: ../assets/design-guide-label.png

Text article
=============

.. image:: ../assets/design-textarticle.png

Hex color:  #FFd097


How To
========

.. image:: ../assets/design-howto.png

Hex color:  #D28B7FF

How to includes legal content containing process steps, toolbox tools.

.. image:: ../assets/design-howto-label.png

Video
========

.. image:: ../assets/design-video.png

Hex color:  #E4e07f

Easy Form
============

.. image:: ../assets/design-easyform.png

Hex color: #A2ed87

.. image:: ../assets/design-easyformlabel.png


Blank forms
============

.. image:: ../assets/design-blank-form.png

Hex color: #FFB0E9


.. image:: ../assets/design-formdownload-label.png

.. image:: ../assets/design-formlink-label.png

Link
======

.. image:: ../assets/design-link.png

Hex color: #A7E9E5


Download
===========

.. image:: ../assets/design-download.png

Hex color: #F29f9f

Lawyer Manual
===============

.. image:: ../assets/design-manual.png

Hex color: #E2acf4

.. note::  Lawyer manuals are limited to ADRM content. Text articles that are "lawyer manuals" are not considered lawyer manuals for iconography purposes. Those are text articles.

Decision Tree & Flowcharts
============================

.. image:: ../assets/design-decision-tree.png

Hex color: #Adbaff

.. note:: Decision tree format is limited to legal content that contains the decision tree paragraphs bundle or have a content format of flowchart.

DIY Legal Solution / Teach Me
===============================

.. image:: ../assets/design-teachme.png

Hex color: #96e6ff

Legal Question
=================

.. image:: ../assets/legal-question-icon.png

Hex color: #ebdc34

Blog
========

.. image:: ../assets/design-blog.png

Hex color: #FFAB90

IICLE
=======

.. image:: ../assets/design-iicle.png

Hex color: #C1E790

Toolbox
=========

.. image:: ../assets/design-toolbox-icon.png

Hex color :#96e6dd