ACLU Parent Theme

Design system components available to the National and Affiliate sites.

Global Elements

The "Foundations" section outlines the color tokens, typography styles, grids, and spacing rules used throughout the design system.


Colors


Colorways

Colorways are color relationships between background colors, text, buttons and other elements. Using a block with a different colorway can help break up a longer page or change the tone.

Development notes: defined in tokens/src/color .tokens.json, and bundles/common/styles/CSS/_elements/colorways .css. Variable names: .color-primary in CSS: var(--color-primary) and .color-secondary in CSS: var(--color-secondary)

colorway-dark-navy

color-primary

color-secondary

colorway-dark-burgundy

color-primary

color-secondary

colorway-white

color-primary

color-secondary

colorway-cream

color-primary

color-secondary

colorway-red

color-primary

color-secondary

colorway-blue

color-primary

color-secondary

colorway-light-azure

color-primary

color-secondary

colorway-light-orange

color-primary

color-secondary

colorway-dark-purple

color-primary

color-secondary

colorway-offblack

color-primary

color-secondary


Typography

Use headings to improve scan-ability and provide context for users to better understand the page. Headings also help structure page content for screen readers and search engines. Headings should be logically structured on a page using proper hierarchy, headings are ranked 'h1' through 'h6'. A page starts with the H1 heading, which describes a page's main topic— the title of the page. Subsections can be organized with 'h2 level headings. Those subsections can themselves be divided with 'h3' level headings, and so on.

Defined in bundles/common/styles/_elements/typography.css. Use classes in twig templates to apply styles.


Header styles

.is-heading.is-special-size-90

.is-heading.is-size-1

.is-heading.is-size-2

.is-heading.is-size-3

.is-heading.is-size-4

.is-heading.is-size-5

.is-heading.is-special-size-21

.is-heading.is-size-2 uppercase

.is-heading.is-size-4 uppercase

.is-heading.is-size-5 uppercase


Text styles

.is-body.is-size-4 font-bold

.is-body.is-size-5 font-bold

.is-body.is-size-6 font-bold

.is-body.is-size-7 font-bold

.is-body.is-special-size-21 font-bold

.is-body.is-size-4

.is-body.is-size-5

.is-body.is-size-6

.is-body.is-size-7

.is-body.is-special-size-21

Serif

.is-body-serif.is-size-5

.is-body-serif.is-size-6

.is-body-serif.is-size-7

Formatted text

Text wrapped in the class ".text-formatted". Strong text . Italic text . And a link.

This embed will serve content from {{ domain }}. See our privacy statement

Spacing

Spacing values define the space between elements on the page. This can include space between buttons, between columns of text, or around an image. Setting a scale of sizes helps the page to feel cohesive and considered.

All of the margin, padding and height classes use generated from these base values. They are also available as css and tailwind variables.
Vertical component spacing classes include: .block-spacing--default, .block-spacing--sm, .block-spacing--lg classes define block-level spacing.

Tokens defined in tokens/src/spacer.tokens.json. See tokens/src/spacer-tokens.json for definitions. CSS custom property name: --spacer-[size]

0

0 rem

(0 px)

1

.25 rem

(4 px)

2

.5 rem

(8 px)

3

.75 rem

(12 px)

4

1 rem

(16 px)

6

1.5 rem

(24 px)

7

1.75 rem

(28 px)

8

2 rem

(32 px)

10

2.5 rem

(40 px)

11

2.75 rem

(44 px)

12

3 rem

(48 px)

14

3.5 rem

(56 px)

16

4 rem

(64 px)

20

5 rem

(80 px)

24

6 rem

(96 px)


Grids

Developer notes: Defined in tailwind-grids.json. Use "site-container p-site" for site container and site-wide side padding

.grid

.grid.grid-cols-2.gap-default

.grid.grid-cols-3.gap-default

grid.grid-cols-4.gap-default

grid.grid-cols-5.gap-default

grid.grid-cols-12.gap-default .col-span-4 .col-span-8

Atoms

The “Atoms” section defines small UI components in the design system including buttons, badges, and icons.


Badges

tag-alert

Join Us

Icons

Verified icons and their labels can be found in atoms/icons.php.

Action
Campaign
Court Case
Chapter
Document
Event
FOIA Collection
Initiative
Issue
Job & Opportunity
Know Your Rights
Legislation
News & Commentary
Resource
Petition
News & Commentary
Podcast
Press Release
Publication

Form input

See also: Form molecules.

Molecules

The “Molecules” section outlines larger UI elements throughout the design system including section titles and cards that can display a variety of content. These elements are often seen in multiple organisms or sections of your site. For example, a card may appear on an archive page in a listing as well as in a featured content component.


Button with Dropdown

template-parts/molecules/btn-with-dropdown

To display this component in a Section Title, pass in `show_filter` as true, and the `filter` details array to the `section-title` molecule.

This is a description for the section title.


Button as Simple Dropdown

template-parts/molecules/btn-simple-dropdown


Button with Modal (mobile only)

template-parts/molecules/btn-with-modal


Clear Filter Button

template-parts/molecules/btn-clear-filter


Form: Email

template-parts/molecules/form-email

Form: input states across colorways

template-parts/atoms/form-input

Form: email

template-parts/molecules/form-email/display/form-email--display





Policy Notice

template-parts/molecules/policy-notice


Section Title

template-parts/molecules/section-title

Section Title

Section Title w/description

This is a description of the section title. It can be used to provide more context to the user.


Social: Share

template-parts/molecules/social--share


Social: Nav

template-parts/molecules/social--nav



Card: Person Author

template-parts/molecules/card--author

Placeholder image

Simon McCormack

Senior Writer

he/him/his

Placeholder image

Simon McCormack

Senior Writer

he/him/his


Card: Person - minimal

template-parts/molecules/card--person-minimal

Person Name

Job title, Organization

she/they

Bio: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut purus eget sapien.

Card: Person

template-parts/molecules/card--person

Placeholder image

Person Name

Job title

Placeholder image

Person Name

Job title

With an optional bio section.


Card: Person - full bio

template-parts/molecules/card--person-full-bio

Placeholder image

Role Type

Person Name

Pronouns: she/her

Title

Department

Organization


Card: Action

template-parts/molecules/card--action

placeholder image
Action

Fight for Trans Youth Healthcare Access


Card: Common

template-parts/molecules/card--common

Campaign
Placeholder image

Card title

Status label: Ongoing
Podcast
Placeholder image

Card title

Status label: Ongoing
Placeholder image

Card title



Card: News

template-parts/molecules/card--news

Placeholder image

Card title

Teaser text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget imperdiet libero, quis ultricies tellus. Sed imperdiet felis eu rutrum elementum.

Author Name


Card: News (md)

template-parts/molecules/card--news-md

Placeholder image

Card title

Teaser text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Author Name


Card: Press Release

template-parts/molecules/card--press-release

Card title

Author Name


Card: Spotlight

template-parts/molecules/card--spotlight

Card title


Placeholder image

Teaser text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Card: Listing News small

template-parts/molecules/card--listing--news-sm

Card title

Teaser text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget imperdiet libero, quis ultricies tellus. Sed imperdiet felis eu rutrum elementum.
Placeholder image

Card: Listing

template-parts/molecules/card--listing

Campaign
Sep 2023
Placeholder image
  • Issue|
  • +3 Issues

Card title

Teaser text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget imperdiet libero, quis ultricies tellus. Sed imperdiet felis eu rutrum elementum.
Status label: Ongoing

Card: Listing News

template-parts/molecules/card--listing--news

Card title

Teaser text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget imperdiet libero, quis ultricies tellus. Sed imperdiet felis eu rutrum elementum.

Placeholder image

Card: Listing Press

template-parts/molecules/card--listing--press

Card title

Teaser text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget imperdiet libero, quis ultricies tellus. Sed imperdiet felis eu rutrum elementum.
Status label: Ongoing

Card: Listing date-first (sm)

template-parts/molecules/card--listing--date-first--small


Filter Collection

template-parts/molecules/filter-collection


Components

Components available on all pages. They can be used to build entire page layouts in dynamic ways.


Banner: Global

template-parts/organisms/components/banner--global/display/banner--global--display



Cards: Latest Content

template-parts/organisms/components/cards--latest-content/display/cards--latest-content--display

Latest Content

This is a description of the featured content. It can be used to provide more context to the user.

Press Release
Placeholder image

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Press Release
Placeholder image

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Press Release
Placeholder image

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Press Release
Placeholder image

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Cards: Listing

template-parts/organisms/components/cards--listing/display/cards--listing--display

Sample Heading

This is a description of the listing content. It can be used to provide more context to the user.

Resource
Placeholder image

Style Guide

Resource
Placeholder image

Style Guide


Cards: Small Date First Listing

template-parts/organisms/components/cards--listing--date-first--small/display/cards--listing--date-first--small--display

Sample Heading

This is a description of the featured content. It can be used to provide more context to the user.


Cards: News Listing

template-parts/organisms/components/cards--listing--news/display/cards--listing--news--display

Latest Content

This is a description of the featured content. It can be used to provide more context to the user.

Style Guide

Placeholder image

Style Guide

Placeholder image

Style Guide

Placeholder image

Style Guide

Placeholder image

Cards: News Md

template-parts/organisms/components/cards--news-md/display/cards--news-md--display

Sample Heading

This is a description of the listing content. It can be used to provide more context to the user.

Placeholder image

Card title

Teaser text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Author Name

Placeholder image

Card title

Teaser text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Author Name

Placeholder image

Card title

Teaser text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Author Name


Cards: Press Releases

template-parts/organisms/components/cards--press-releases/display/cards--press-releases--display

Press Releases

Card title

Author Name

Card title

Author Name

Card title

Author Name


Cards: Person (minimal)

template-parts/organisms/components/cards--person-minimal/display/cards--person-minimal--display

Person (minimal)

Person Name

Job title, Organization

she/they

Bio: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut purus eget sapien.
Person Name

Job title, Organization

she/they

Bio: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut purus eget sapien.
Person Name

Job title, Organization

she/they

Bio: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut purus eget sapien.



CTA: Email Capture

template-parts/organisms/components/cta--email-capture/display/cta--email-capture--display


CTA: Alert Bar

template-parts/organisms/components/cta--alert-bar/display/cta--alert-bar--display


CTA: Slim

template-parts/organisms/components/cta--slim/display/cta--slim--display

If you've been discriminated against based on lorem ipsum dolor sit amet, consectetur est, the ACLU wants to hear about it.

If you've been discriminated against based on lorem ipsum dolor sit amet, consectetur est, the ACLU wants to hear about it.

Optional description text.

Hero: Title on Color

template-parts/organisms/components/hero--title-on-color/display/hero--title-on-color--display

Page or Content Title

Description text. Summarize the civil liberties issue, focusing on its impact, relevant laws, and the ACLU's response. Keep the description clear and concise, ensuring it's accessible to a broad audience.

Without description, breadcrumbs or social.


Hero: Title Metadata

template-parts/organisms/components/hero--title-metadata/display/hero--title-metadata--display


Hero: Homepage

template-parts/organisms/components/hero--homepage/display/hero--homepage--display

Email Signup, Blue

Make a local impact

Support ACLU Texas’ Fight for Justice

Your donation amplifies the voice of liberty in Texas. Together, we can champion the causes of equality, freedom, and justice in our own backyard.

homepage hero image

Email Signup, Red

Make a local impact

Support ACLU Texas’ Fight for Justice

Your donation amplifies the voice of liberty in Texas. Together, we can champion the causes of equality, freedom, and justice in our own backyard.

homepage hero image

Donate, Blue

Make a local impact

Support ACLU Texas’ Fight for Justice

Your donation amplifies the voice of liberty in Texas. Together, we can champion the causes of equality, freedom, and justice in our own backyard.

homepage hero image

Donate, Red

Make a local impact

Support ACLU Texas’ Fight for Justice

Your donation amplifies the voice of liberty in Texas. Together, we can champion the causes of equality, freedom, and justice in our own backyard.

homepage hero image

Hero: 404 Page

template-parts/organisms/components/hero--404/display/hero--404--display

Page Not Found

Sorry, we couldn’t find this page. There may have been a typo or a broken link. Try searching to find what you were looking for.

Some things you can do:

Person holding a Dissent is Patriotic sign

Without buttons.

Page Not Found

Sorry, we couldn’t find this page. There may have been a typo or a broken link. Try searching to find what you were looking for.

Person holding a Dissent is Patriotic sign

Hero: Issue Detail

template-parts/organisms/components/hero--issue-detail/display/hero--issue-detail--display

Issue Detail

Description text. Summarize the civil liberties issue, focusing on its impact, relevant laws, and the ACLU's response. Keep the description clear and concise, ensuring it's accessible to a broad audience.
Placeholder image

Issue Detail Hero with Facts.

Issue Detail

Description text. Summarize the civil liberties issue, focusing on its impact, relevant laws, and the ACLU's response. Keep the description clear and concise, ensuring it's accessible to a broad audience.
Placeholder image

What you need to know

Fact 1

Description of Fact 1

Fact 2

Description of Fact 2

Fact 3

Description of Fact 3


Hero: Legislation Detail

template-parts/organisms/components/hero--legislation-detail/display/hero--legislation-detail--display

Page or Content Title

  • Status: Active
  • Bill number: SB 322
  • Session: 2023
  • Latest Update: July 12, 2023
Placeholder image

Hero: Podcast Detail

template-parts/organisms/components/hero--podcast-detail/display/hero--podcast-detail--display

Placeholder image

"Lighting money on fire:" The vast dysfunction of the death penalty

July 25, 2023

42:55 mins

Hero: Overlay

template-parts/organisms/components/hero--overlay/display/hero--overlay--display

Placeholder image

Be Known: Supporting Black and LGBTQ+ Communities

An optional subhead.

Hero: Sidebar

template-parts/organisms/components/hero--sidebar/display/hero--sidebar--display

  • Home >
  • Press Releases

Heading

Medical decisions should be made between patients (and their parents) and their doctors – not politicians. Ask your legislators to support freedom as family value in 2024!


Hero: Sidebar Bio

template-parts/organisms/components/hero--sidebar-bio/display/hero--sidebar-bio--display

Placeholder image

ACLU Minnesota Staff

Catherine Ahlin-Halverson

Pronouns: she/her/hers


Search Dropdown

template-parts/organisms/components/search-dropdown/display/search-dropdown--display


Flexible-components

Flexible-components available on all pages. They can be used to build entire page layouts in dynamic ways.


Accordion

template-parts/organisms/flexible-components/accordion/display/accordion--display


Audio

template-parts/organisms/flexible-components/audio/display/audio--display

Test Audio Component

Buttons

template-parts/organisms/flexible-components/buttons/display/buttons--display


Content Collection

template-parts/organisms/flexible-components/content-collection/display/content-collection--display

Content Collection: Grid Display

Content Collection: List Display



Divider

template-parts/organisms/flexible-components/divider/display/divider--display

Divider style: hr


Divider style: clear



Heading

template-parts/organisms/flexible-components/heading/display/heading--display

Heading Two

Has a subhead with the headline

Heading Two with Colormark on Top

Has a subhead with the headline

Heading Three

Has a subhead with the headline lorem ipsum dolor sit amet speculo fabulous symbat

Heading Four

Heading Two

Has a subhead with the headline

Heading Two with Colormark on Top

Has a subhead with the headline

Heading Three

Has a subhead with the headline lorem ipsum dolor sit amet speculo fabulous symbat

Heading Four


Migrated content Heading example

Some migrated content comes in with a hr.mark and h2.with-mark


iFrame

template-parts/organisms/flexible-components/iframe/display/iframe--display

This embed will serve content from {{ domain }}. See our privacy statement

Image/Video Collection

template-parts/organisms/flexible-components/image-video-collection/display/image-video-collection--display

Image/Video Collection: Grid Display

This is the description for the Image Collection: Grid Display

Image/Video Collection: Carousel Display

This is the description for the Image Collection: Carousel Display


Infogram

template-parts/organisms/flexible-components/infogram/display/infogram--display


Instagram

template-parts/organisms/flexible-components/instagram/display/instagram--display


Flickr

template-parts/organisms/flexible-components/flickr/display/flickr--display


Migrated Content

template-parts/organisms/flexible-components/migrated/display/migrated--display

Below is a table with two columns, representing the wide array of things that could be put in the migrated component.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae

  • duis mattis
  • Vel in ultricies
  • vel fringilla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Non massa enim vitae duis mattis.

  1. Ultrices praesent amet
  2. Ipsum justo massa
  3. Eu dolor aliquet risus gravida nunc

Notice

template-parts/organisms/flexible-components/notice/display/notice--display

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae

  • duis mattis
  • Vel in ultricies
  • vel fringilla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Non massa enim vitae duis mattis.

  1. Ultrices praesent amet
  2. Ipsum justo massa
  3. Eu dolor aliquet risus gravida nunc

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae

  • duis mattis
  • Vel in ultricies
  • vel fringilla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Non massa enim vitae duis mattis.

  1. Ultrices praesent amet
  2. Ipsum justo massa
  3. Eu dolor aliquet risus gravida nunc

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae

  • duis mattis
  • Vel in ultricies
  • vel fringilla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Non massa enim vitae duis mattis.

  1. Ultrices praesent amet
  2. Ipsum justo massa
  3. Eu dolor aliquet risus gravida nunc

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae

  • duis mattis
  • Vel in ultricies
  • vel fringilla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Non massa enim vitae duis mattis.

  1. Ultrices praesent amet
  2. Ipsum justo massa
  3. Eu dolor aliquet risus gravida nunc

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Podcast

template-parts/organisms/flexible-components/podcast/display/podcast--display

This is the Podcast Title

Pull Quote

template-parts/organisms/flexible-components/pullquote/display/pullquote--display

The tone should be authoritative yet approachable, encouraging reader engagement and understanding.
— - Quote source, full width
The tone should be authoritative yet approachable, encouraging reader engagement and understanding.
— - Quote source, aligned left
The tone should be authoritative yet approachable, encouraging reader engagement and understanding.
— - Quote source, aligned right

Text

template-parts/organisms/flexible-components/text/display/text--display

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae

  • duis mattis
  • Vel in ultricies
  • vel fringilla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Non massa enim vitae duis mattis.

  1. Ultrices praesent amet
  2. Ipsum justo massa
  3. Eu dolor aliquet risus gravida nunc

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae

  • duis mattis
  • Vel in ultricies
  • vel fringilla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Non massa enim vitae duis mattis.

  1. Ultrices praesent amet
  2. Ipsum justo massa
  3. Eu dolor aliquet risus gravida nunc

Left-aligned, 1/3 width image followed by a Text component

Caption, width
Credit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.

Right-aligned, half width image followed by a Text component

Caption, width
Credit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.

Timeline

template-parts/organisms/flexible-components/timeline/display/timeline--display

1966

Our affiliate started with a conversation between two Unitarian clergymen, both new to the state and both longtime members of the national ACLU. By late May of 1966, state paperwork made it official: Nebraska became the 38th state with an ACLU state affiliate. In our founding, we committed to "promote the observance of free speech, free assemblage, equality before the law and other civil liberties." We had about 250 members shortly after our founding. Today, that number is in the thousands. "There was little expectation in those early years that NCLU (our original name) would grow as it has," wrote founder Rev. Charles Stephen several decades later. "The people and size of the organization have changed, but the ideals remain the same."

Lincoln Journal Star coverage reads Civil Liberties Union incorporated.

Lincoln Journal Star

1968

Community education started early in our history. In the summer of 1968, our affiliate announced plans to distribute an estimated 25,000 pamphlets outlining what police can and cannot do and the legal rights of an arrested person: "the fold-outs, with a tear-off that can be carried in the pocket, will be distributed at Indian reservations, to university and college students as well as on the Near North Side in Omaha" media reported.

In the Scottsbluff Star-Herald, an Associated Press article explains the ACLU of Nebraska Know Your Rights effort.

Scottsbluff Star-Herald

1969

The police shooting of Vivian Strong, an unarmed Black 14-year-old, sparked days of emotional protests and mourning in Omaha. Our affiliate joined with other local organizations in a sign-on letter demanding police accountability and arguing that current standards "appear to invite an excessive use of firearms by the police." The same letter called for bail reform, voicing that many community members feel they receive different treatment than Officer James Loder, who had his bond set at a "relatively small" amount of $500 while charged with manslaughter for the shooting. An all-white jury would acquit Loder less than a year later.

Vivian Strong appears in a photo found on Wikimedia under Fair Use.

Omaha World-Herald

1970

Some of our earliest cases focused on students’ rights and free expression. As we entered a new decade, we litigated on behalf of several students about what reporters would call “the long hair issue.” Cooperating attorneys with NCLU (Nebraska Civil Liberties Union) represented an Aurora seventh grader being denied admission to school because of his hair and a Chadron State College student being prevented from registering for classes. Robert Reichenberg, a 24-year-old Army veteran “with high grades,” was being denied registration due to his mustache and sideburns. These early victories would eventually lead to advocacy and litigation that helped secure anti-discrimination protections in state law decades later for students’ natural hair, protective hairstyles, religious headdresses and tribal regalia.

Robert Reichenberg pictured in a newspaper article.

Lincoln Journal Star

1975

When a 17-year-old from Lincoln learned she could not access abortion care because she could not obtain parental permission, she turned to NCLU. Filing as “Jane Doe,” she won a temporary court order blocking enforcement of the parental consent law, making her case against an attorney for the Nebraska Attorney General’s Office who media quoted as saying she “‘doesn’t know what is best’ for her.” This case is just one example of our work to safeguard bodily autonomy in the 1970s — a decade that saw almost immediate municipal and state restrictions on funding for abortion care after the U.S. Supreme Court decided Roe v. Wade. Our work to protect access to abortion care continues today with more urgency than ever given the court’s 2022 decision overturning the individual right to access abortion care.

A newspaper article reads Abortion Law Challenged.

Grand Island Independent

1976

In 1976, attorneys with the ACLU’s national office and NCLU took on the case of Nate Saunsoci, a Native American 17-year-old who had spent seven years in juvenile and adult facilities for a burglary that never went to trial and that he denied being part of. The case came on our radar after the youth was transferred from a youth facility in Kearney to a men’s prison in Lincoln. Litigation ended with a court order wiping his record clean. Attorneys had hoped the case would provide an avenue to challenge our state’s practice of transferring juveniles to adult prisons, but the decision did not allow that.

Nate Saunsoci pictured after his release from prison.

Lincoln Journal Star

1979

Not every milestone has been a victory. In 1979, concerns about separation of church and state led NCLU and State Sen. Ernie Chambers to file a lawsuit challenging the Unicameral’s hiring of a legislative chaplain and state-sponsored printing of prayer booklets. Marsh v. Chambers would reach the U.S. Supreme Court four years later after victories on the local level and before the Eighth Circuit Court of Appeals. The Supreme Court ruled that the practice was lawful, writing that this interpretation was informed by members of the First Congress appointing and paying chaplains. “It can hardly be thought that [they wanted] to forbid what they had just declared acceptable.”

Media coverage of the lawsuit that will become Marsh v Chambers.

The North Platte Telegraph

placeholder

placeholder

1992

As city and state prosecutors ramped up a censorship campaign in partnership with private groups, the ACLU of Nebraska stepped up to be a voice for free expression. In 1992, we represented the owner of Omaha bookstore Read All About It, facing up to three years in jail and $3,000 in fines for selling books with sexual content. (OPD’s “Intelligence/Vice Unit” investigated based on a tip.) Judge Thomas McQuade sided with the bookstore, stating that the case was important not just because of potential loss of freedom but because of the Constitution’s guarantees of freedom of speech and freedom of the press: “What is obscene in one community may not be obscene in another. […] The community standard can be a very elusive creature to grasp.” Censorship remained a focus through the 1990s — the decade would end with our involvement in a challenge to gay artwork in an Omaha bar.

Books, magazines ruled not obscene

Lincoln Journal Star

1995

In the middle of the night, police cars surrounded a home in Blair. Officers were there to take a pregnant 15-year-old into custody at direction of County Attorney John Samson. They had been told she was considering seeking abortion care and planned to stop her by taking her from her supportive parents. Court filings even describe a sheriff’s deputy attempting to give anti-abortion literature to the teenager. The teen was returned to her parents under a court order to not seek an abortion. We represented her and her family alongside attorney Jeanelle Kleveland, who learned about the case from the ACLU. That case was settled three years later.

A Kearney Hub article reads Lawsuit Charges raid on daughter

Kearney Hub

1995

In 1995, the state yanked a 3-year-old child away from his foster parents after learning via an anonymous tip that one of the parents had HIV, the virus that causes AIDS. The boy had been in their care since he was 3 months old. Jay and GayLynn Brummett turned to the courts, winning a ruling that said the boy should be returned — but still facing barriers to adoption. The ACLU of Nebraska and Nebraska Appleseed represented the Brummetts in a federal lawsuit claiming the state’s denial violated the federal Americans with Disabilities Act (ADA) and Rehabilitation Act and seeking damages. The case would not be settled until 2004. In a statement, the state maintained they "do not and will not unlawfully discriminate" against prospective parents with HIV or AIDS, but also acknowledged they had rewritten regulations used to justify denial of the Brummett adoption. Tragically, GayLynn never saw the case resolve. She passed away in 1996. The Brummetts’ case is the longest in our affiliate’s history.

Jay and Gaylynn Brummett pose for a photograph.

Lincoln Journal Star

1996

In our 30th year, NCLU became the ACLU of Nebraska, a name we’ve kept ever since.

1999

Similar to the national ACLU’s controversial representation of a neo-Nazi group in Skokie, Illinois, our affiliate took on representation of neo-Nazi activist Gary Lauck, who faced charges in 1999 for information he provided when requesting a handgun permit. At issue: Lauck attested that he had not been convicted of a crime punishable by imprisonment even though he had been convicted and recently imprisoned in Germany for hate speech that is protected under the First Amendment. A federal judge dismissed Lauck’s charges in 2001. Decades later, we would encourage Jefferson County Sheriff’s Department to disavow postcards sent by Lauck claiming the department was seeking information on illegal immigration.

Omaha World-Herald coverage reads Lauck plans to surrender to authorities.

Omaha World-Herald

2010

In 2010, Fremont residents voted on Ordinance 5165, which requires all people renting property in Fremont to first sign a declaration stating that they are legally present in the United States and pay $5 for an occupancy license. The National ACLU Immigrants’ Rights Project and the ACLU of Nebraska sued the city, arguing the ordinance conflicted with federal immigration authority and discriminated against immigrants. In 2012, a federal district court blocked key parts of the ordinance, including provisions targeting landlords and tenants based on immigration status. However, in 2013, the Eighth Circuit upheld the ordinance, allowing it to take effect in 2014. In 2024, officials turned over documents related to the ordinance after the ACLU of Nebraska sued the federal government to comply with a public records request originally filed in 2021.

2013

"Without a license to drive, you constantly face limits on what you can accomplish in your life," said Maria Marquez Hernandez, a plaintiff in the lawsuit the ACLU of Nebraska and the ACLU Immigrants’ Rights Project launched against then-Governor Dave Heineman and the Nebraska Department of Motor Vehicles when they enacted a policy barring DACA recipients from obtaining a driver’s license. Disappointingly, the courts sided with the Governor and the DMV, making Nebraska the second state to have this restriction. However, in 2015, after overriding a veto by then-Governor Pete Ricketts, the State Legislature passed LB 623, which allowed DACA recipients to obtain driver’s licenses.

2014

This case is one of many reminders of how delayed justice can undermine constitutional rights. In 2014, the ACLU of Nebraska filed a lawsuit on behalf of incarcerated Nebraskans Paul Gillpatrick and Nicole Wetherell, after prison officials repeatedly denied their request to marry. The couple, who became engaged in 2011, were told they could not wed because NDCS would not facilitate an in-person or virtual ceremony. In 2019, a federal district judge ruled in their favor, recognizing that incarcerated people retain their right to marry. The decision was later appealed by the state and put on hold. Before the case could establish a broader legal precedent, Wetherell died in February 2024 from an undisclosed medical condition while serving her life sentence. Following her death, the 8th Circuit Court of Appeals dismissed the case without a ruling.

2015

Love won in Nebraska. In 2014, the ACLU, the ACLU of Nebraska and the law firm Koenig | Dunne filed Waters v Ricketts, on behalf of seven couples seeking their freedom to marry or the recognition of their marriages in Nebraska. Among the plaintiffs were Omaha couple Susan and Sally Waters, who had been together for 17 years when Sally was diagnosed with breast cancer, making legal recognition even more urgent for their family. On March 2, 2015, a federal court ruled the ban unconstitutional and granted an injunction in favor of the couples, though the decision was temporarily stayed during appeals. A few months later, the U.S. Supreme Court’s decision on Obergefell v. Hodges made marriage equality the law of the land. After years of advocacy, LGBT+ couples in Nebraska could finally say “I do” with the full recognition and protection of the law.

2017

Nebraska’s overcrowded and under-resourced prison system has endangered the health and safety of incarcerated individuals and staff for decades. In response, the ACLU, the ACLU of Nebraska, Nebraska Appleseed, and partners filed a major class-action lawsuit challenging conditions inside Nebraska prisons in 2017. The lawsuit argued that inadequate medical and mental health care, disability discrimination, chronic understaffing, and prolonged solitary confinement violated the rights of incarcerated Nebraskans. During litigation, Nebraska closed the notorious “South 40” solitary confinement unit, reduced the number of people in solitary and expanded access to critical care. In 2020, the legal team agreed to dismiss the case after negotiating terms with the state. While progress has been made, the work to build Smart Justice reform throughout Nebraska continues.

2018

This ruling marked a major win for open government and transparency in Nebraska. After wasting tens of thousands of taxpayer dollars in failed – and potentially illegal – attempts to secure lethal injection drugs, and the first lethal injection in the state in 2018, the Nebraska Supreme Court ruled in favor of the ACLU of Nebraska in a major transparency case. The ruling found the NDCS violated public records by withholding documents related to the source and purchase of execution drugs for Mr. Carey Dean Moore, the first time a lethal injection was used as a method of execution, and the first execution carried out by the state in 21 years. We argued that the death penalty, as the most extreme use of state power, must be subject to public scrutiny and accountability.


Quiz

template-parts/organisms/flexible-components/quiz/display/quiz--display


Expandable Card

template-parts/organisms/flexible-components/shared-expandable-card/display/shared-expandable-card--display

Expandable Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Non massa enim vitae duis mattis.
Expandable card content here. Years of hard-fought civil liberty protections are under threat.
Learn more

Expandable Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Non massa enim vitae duis mattis.
Expandable card content here. Years of hard-fought civil liberty protections are under threat.
Learn more

Image

template-parts/organisms/flexible-components/single-image/display/single-image--display

Caption, half width, left-aligned
Credit
Caption, half width, right-aligned
Credit
Caption, one-third width, left-aligned
Credit
Caption, one-third width, right-aligned
Credit
Caption, standard width
Credit
Caption, wide width
Credit
Caption, full-bleed width
Credit

Video

template-parts/organisms/flexible-components/video/display/video--display


YouTube

template-parts/organisms/flexible-components/youtube/display/youtube--display

This embed will serve content from {{ domain }}. See our privacy statement