Skip to main content
Texas Design System

Texas Design System

A component library for Texas state agency websites. Delivery includes ready-to-use HTML/CSS components and best-practice guidance. Agencies choose how to implement and extend from there.

Get started Browse components
37 componentsCopy-ready patterns
WCAG 2.2 AA targetAccessibility-first implementation
No build toolsHTML + CSS + vanilla JS

Start Here

For Designers

  • Token categories
  • Typography
  • Colors
  • Branding-safe overrides

For Frontend Teams

Copy responsive HTML/CSS patterns from components and previews.

For Drupal Teams

Use implementation guidance for integrating components into Drupal templates.

How it works

1. Add the stylesheet

Include a single CSS file in your page — no package manager or build step needed. Works with static HTML and Drupal.

2. Copy the HTML

Each component page has a live preview and copy-ready HTML. Paste it directly into your templates and CMS layouts.

3. Customize for your agency

Override CSS custom properties (design tokens) to apply your agency's colors, typography, and brand — no changes to the base stylesheet required.

What's included

Everything you need to launch with an accessible, reusable foundation.

Foundation

Core building blocks for Texas sites

  • 37 components: Reusable patterns for navigation, content, forms, search, and layout.
  • Design tokens: CSS variables for color, type, spacing, borders, and elevation.
Quality

Built for accessibility and flexibility

  • Accessibility baseline: Semantic HTML and ARIA patterns targeting WCAG 2.2 AA.
  • No framework lock-in: Plain CSS and vanilla JavaScript with no build tooling required.
Guidance

Implementation support for delivery teams