Texas CASA Website Style Guide

standards by type of content


WEBSITE-WIDE STANDARDS

Headings

PAGE TITLES/STORY HEADLINES/SECTION HEADERS

  • All headlines and section headers should be in ALL CAPS
  • Ampersand (&) rather than written-out “and”

SUbheadings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6 - button

Content

DATES & TIMES

Example: Wednesday, Nov. 5, 11:00 a.m. – 12:00 p.m.

  • Spell out day of the week
  • Abbreviate longer months per AP style (Jan., Feb., March, April, May, June, July, Aug., Sept., Oct., Nov., Dec.)
  • Comma after day unless at the end of the sentence
  • Comma after date unless at the end of the sentence
  • Include minutes even if 00
  • a.m. or p.m., not AM, pm, etc.
  • Dash with spaces between times

CONTACT INFORMATION

  • Phone numbers: (512) 610-6134
  • Email addresses: hyperlink using “mailto:”
  • List job title followed by name, e.g. Communications Manager Caitlyn Perdue
  • Capitalize department name with lowercase "team", e.g. Communications team, Strategic Network Services team

BUTTONS

  • Should have an action, e.g. View Now, Register Now, Learn More, Sign Up
  • No punctuation at the end

ADDITIONAL STANDARDS

  • Links should open to a new tab when linked to an external website or document
  • No double spaces after sentence
  • No Oxford commas in most cases, unless needed for clarity

images

  • Keep centered or align right
  • If using stock images, pull from Texas CASA approved image bank
  • Follow DEI checklist when selecting images
  • If using real photos, ensure photos are high-res (not blurry or grainy)

pages

Headings

Section heading

  • Font Family: Heading
  • Font Weight: 500 - Medium
  • Font Size: 30 px
  • Line Height: 1.4 (default)
  • Font Style: Normal
  • Text Align: Centered
  • Text Transform: ALL CAPS
  • Text Color: One of preset color options

body copy

  • Font Family: Body Copy
  • Font Weight: 400 - Regular
  • Font Size: 16 px
  • Line Height: 1.4 (default)
  • Font Style: Normal
  • Text Align: Optional depending on design
  • Text Transform: Standard, default
  • Text Color: Color 11 when on white background

Settings & Presets

Buttons

Use Preset Terra Cotta Button; link should open in new tab if leaving the Texas CASA site

Max Width

Max width for all content should be set to 800 px

Padding & Margins

  • Use PX over EM for consistency
  • Top and bottom margins should be set to 25 px for new sections
  • First Section after Header should be 45 px
  • Use intervals of 5 px when adding to padding and margins

Backgrounds

Full color and image backgrounds can be used to break up sections. Use one of the preset colors. Background images other than the main page header should have a color overlay.

Flexbox

  • Align Vertical: Center
  • Align Horizontal: Center

"This is an example of a divider quote to help break up sections and an example of a background image with a color overlay."


Posts

Headings

post TITLES/STORY HEADLINES

  • Post titles/headlines should be written in Title Case (Capitalize First Letter of First Word & All Other Words Except for Articles, Conjunctions & Prepositions)
  • Ampersand (&) rather than written-out “and”

section headers

Heading 2

This is the main header that should be used to break up sections of a post, e.g. BACKGROUND, KEY TAKEAWAYS, HOW TO HELP

Heading 3

Heading 4

Use headings 3 and 4 for any additional subsections.

Heading 6

Use this heading for buttons. Buttons will automatically appear once you create the link.

body copy

  • Use preset Paragraph text and other preset headings
  • Use Bold and Italics for emphasis; do not underline text and do not overuse emphasis text
  • See and comply with Website-Wide Standards section at the beginning of this guide

images

  • Keep centered or align right
  • If using stock images, pull from Texas CASA approved image bank
  • Follow DEI checklist when selecting images
  • If using real photos, ensure photos are high-res (not blurry or grainy)

other standards

  • If the post is for The CASA Voice (external blog), select The CASA Voice and any other relevant Categories
  • If the post is for Inside CASA (internal blog), select Inside CASA and any other relevant Categories
  • Save post as a draft and notify Communications team that it is ready for review and publishing

Events

Headings

Heading 2

This is the main header that should be used to break up sections of an event, e.g. Registration, Details, etc.

HEADING 3

Heading 4

Use headings 3 and 4 for any additional subsections.

Heading 6

Use this heading for buttons. Buttons will automatically appear once you create the link.

body copy

  • Preset Paragraph text
  • Use Bold and Italics for emphasis; do not underline text unless it is a hyperlink

Content

Events should include:

  • Brief description of event,
  • Registration information (if applicable),
  • Schedule/Agenda,
  • Contact information for questions, and
  • A featured image.

FeatureD Images

Events must include a Featured Image. This is assigned when creating an Event and is found in the right column below Categories. Because these images have to be a specific size requirement, we have created several options that can be used. The options are in the Media library and titled "Event_Feature" and cover advocacy, family and trainings. When adding the featured image, use the search tool in the Media library to see all options. If you do not feel any of the options available fit with your event, please contact the Communications team. 


resources

Headings

Heading 2

This is the main header that should be used to break up sections within a Resource.

HEADING 3

Heading 4

Use headings 3 and 4 for any additional subsections.

Heading 6

Use this heading for buttons. Buttons will automatically appear once you create the link.

 

body copy

  • Preset Paragraph text
  • Use Bold and Italics for emphasis; do not underline text unless it is a hyperlink

content

Resources should include:

  • A Topic from 10 options,
  • A Resource Type (Resource, Training, or Video),
  • A brief description of the material, and
  • A View Now (no punctuation) button linking to material in New Tab.

Additional Requirements:

  • Resources should be original content developed by Texas CASA or a sample offered by a local CASA program.
  • Resources must fall into one of the 10 Topics available. Departments cannot add additional Topics.