Hero banner

• Check the title of the page: Is it in in sentence case rather than Title Case? If it starts with a gerund (a "ing" word like Getting or Filing) edit it to eliminate the gerund. (They are hard to translate.)
• Does an illustration make sense here?
• Is the hero too tall? Move text into the body text area instead.
• If it's appropriate to the content, add "Before you start" as a header (Title style) on the body text.
• Check the top of the step container. Remove anything in the Brow field. (We don't use that component.) Also remove anything from the description field and move it to the body text. (We tend not to use that component either.)
• Check the title of the step container. The text should begin with "How to..."

It's very easy to end up with extra spaces between lines of text and components.

For example, there's a line return in the WYSIWYG that looks fine when you see it there, but it's creating an extra space between this line and the line above.

You may also need to remove extra spaces between components. 

Check for pesky extra spaces between paragraphs, between sentences (one space - not two - after a period), and between words. 

Use sentence case for headers and titles

All titles, names of steps, and headers should be in sentence case

How to style terms

Terms and emphasized phrases in bold (not italic or in quotes). For example:

• The person who started the case (the petitioner) files the form with the court clerk.

How to style form names

Form names should be in italic, form numbers in parentheses (linked when associated with an action). For example:

• After you file your Responsive Declaration (form FL-320), you must have someone deliver a copy of the papers to your spouse or the other parent. 

Sometimes you make subsequent or short-hand references to forms after giving the full name. In this case use upper case and italics. For example:

• Serving means another adult, not you, mails or hands a copy of your Responsive Declaration to your spouse. 

When to use quotes

Reserve the use of quotes for when literally quoting text that's on a document or form. For example:

• At the top of the form, write your name where it says "Petitioner."

How to style bulleted lists

Check bulleted lists to make sure that:

• Each item begins with an upper case letter  

• All list items have a parallel grammatical structure 

• List items don’t have punctuation at the end unless the item has more than one sentence. This is an example of that.

• Any lead-in phrase (like the one above) includes a colon if the bullets complete the phrase

Learn more details are made up of a "teaser" sentence and end with “Learn more” and no period.  

Question details are made up of a question asked from the SRL point of view. No "Learn more" at the end.

Use the "Warning" (yellow) version of the alert to emphasize important information.

Links to pages outside the SRL portal use “Button external” 

Find Your Court

Links that appear on their own line or are intended as navigation that supplements or substitutes for “what’s next” use “Button primary” styling 

Learn how to ask for a temporary order

Incidental or referential links use inline hyperlinks

• You must share your financial information if you filed a Response. If you did not file a Response, but you want the court to approve an agreement (called a default with agreement) you also must share your financial information.