ILAO

Contents:

  • Design & Style Guide
    • Colors
    • Buttons
    • Legal content format icons
      • Guide
      • Text article
      • How To
      • Video
      • Easy Form
      • Blank forms
      • Link
      • Download
      • Lawyer Manual
      • Decision Tree & Flowcharts
      • DIY Legal Solution / Teach Me
      • Legal Question
      • Blog
      • IICLE
      • Toolbox
    • Content style guide
    • Writing content
    • Editorial tracking
    • Usability best practices
    • Related Documents
  • Custom blocks
  • User Management
  • Browsing to legal information
  • Legal Content CMS
  • Next generation content/COPE
  • Basic pages
  • Testimonials Content Type
  • Webforms
  • Translation Management
  • Calendar
  • Job Listings
  • Discussion groups
  • Get Legal Help
  • Helpful Organizations
  • Site Search
  • Site FAQs
  • Other Website Features
  • Taxonomies
  • RSS Feeds
  • ILAO’s API
  • NextSteps Flows
  • SMS Overview
  • Data and Analytics

See also:

  • Creating new docs in Github
ILAO
  • Design & Style Guide
  • Legal content format icons
  • View page source

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

_images/design-guide.png

Hex color: #A9c3f0

_images/design-guide-label.png

Text article

_images/design-textarticle.png

Hex color: #FFd097

How To

_images/design-howto.png

Hex color: #D28B7FF

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

_images/design-howto-label.png

Video

_images/design-video.png

Hex color: #E4e07f

Easy Form

_images/design-easyform.png

Hex color: #A2ed87

_images/design-easyformlabel.png

Blank forms

_images/design-blank-form.png

Hex color: #FFB0E9

_images/design-formdownload-label.png _images/design-formlink-label.png

Link

_images/design-link.png

Hex color: #A7E9E5

Download

_images/design-download.png

Hex color: #F29f9f

Lawyer Manual

_images/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

_images/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

_images/design-teachme.png

Hex color: #96e6ff

Legal Question

_images/legal-question-icon.png

Hex color: #ebdc34

Blog

_images/design-blog.png

Hex color: #FFAB90

IICLE

_images/design-iicle.png

Hex color: #C1E790

Toolbox

_images/design-toolbox-icon.png

Hex color :#96e6dd

Previous Next

© Copyright 2023, Illinois Legal Aid Online.

Built with Sphinx using a theme provided by Read the Docs.