Skip to main content
Texas Design System

← Back to Design Tokens

Imagery

Photo Library

Photos used are placeholders from the royalty-free site Unsplash. If any photos are used in production, they will require attribution to the author.

Mother with baby mom-baby-1
Baby holding finger hold-finger
Mother with toddler mom-toddler
Father with baby dad-baby
Father with kids dad-kids
Child care setting child-care
Mother and baby mom-baby
Mother holding adopted child mother-holding-adopted-child
Special needs support special-neetxds-2
Family support support
Preparing a crib pregnant-crib
Father with children dad-kitxds-2
Siblings together siblings-2
Father holding baby dad-baby-2
Parents with baby dad-mom-baby
Family portrait mom-dad-baby
Government building building
Child care facility child-care-2
Mother holding baby mom-holding-baby
Mother and baby outdoors mom-baby-2
Teenager teen
Grandparent with child grandpa-kid
Infant support services infant-support
View HTML 
<div class="txds-photo-grid">
  <div class="txds-photo-card">
    <img src="/assets/images/photos/mom-baby-1.jpg" alt="Mother with baby">
    <span class="txds-photo-card__label">mom-baby-1</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/hold-finger.jpg" alt="Baby holding finger">
    <span class="txds-photo-card__label">hold-finger</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/mom-toddler.jpg" alt="Mother with toddler">
    <span class="txds-photo-card__label">mom-toddler</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/dad-baby.jpg" alt="Father with baby">
    <span class="txds-photo-card__label">dad-baby</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/dad-kids.jpg" alt="Father with kids">
    <span class="txds-photo-card__label">dad-kids</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/child-care.jpg" alt="Child care setting">
    <span class="txds-photo-card__label">child-care</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/mom-baby.jpg" alt="Mother and baby">
    <span class="txds-photo-card__label">mom-baby</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/mother-holding-adopted-child.jpg" alt="Mother holding adopted child">
    <span class="txds-photo-card__label">mother-holding-adopted-child</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/special-needs-2.jpg" alt="Special needs support">
    <span class="txds-photo-card__label">special-neetxds-2</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/support.jpg" alt="Family support">
    <span class="txds-photo-card__label">support</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/pregnant-crib.jpg" alt="Preparing a crib">
    <span class="txds-photo-card__label">pregnant-crib</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/dad-kids-2.png" alt="Father with children">
    <span class="txds-photo-card__label">dad-kitxds-2</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/siblings-2.jpg" alt="Siblings together">
    <span class="txds-photo-card__label">siblings-2</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/dad-baby-2.png" alt="Father holding baby">
    <span class="txds-photo-card__label">dad-baby-2</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/dad-mom-baby.jpg" alt="Parents with baby">
    <span class="txds-photo-card__label">dad-mom-baby</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/mom-dad-baby.jpg" alt="Family portrait">
    <span class="txds-photo-card__label">mom-dad-baby</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/building.png" alt="Government building">
    <span class="txds-photo-card__label">building</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/child-care-2.jpg" alt="Child care facility">
    <span class="txds-photo-card__label">child-care-2</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/mom-holding-baby.jpg" alt="Mother holding baby">
    <span class="txds-photo-card__label">mom-holding-baby</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/mom-baby-2.jpg" alt="Mother and baby outdoors">
    <span class="txds-photo-card__label">mom-baby-2</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/teen.jpg" alt="Teenager">
    <span class="txds-photo-card__label">teen</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/grandpa-kid.jpg" alt="Grandparent with child">
    <span class="txds-photo-card__label">grandpa-kid</span>
  </div>
  <div class="txds-photo-card">
    <img src="/assets/images/photos/infant-support.jpg" alt="Infant support services">
    <span class="txds-photo-card__label">infant-support</span>
  </div>
</div>

Background Patterns — Abstract

Wavy line patterns for subtle decorative backgrounds.

Abstract 1
Abstract 2
Abstract 3
Abstract 4
Abstract 5
View HTML 
<div class="txds-pattern-grid">
  <div class="txds-pattern-tile txds-pattern--abstract-1">
    <span class="txds-pattern-tile__label">Abstract 1</span>
  </div>
  <div class="txds-pattern-tile txds-pattern--abstract-2">
    <span class="txds-pattern-tile__label">Abstract 2</span>
  </div>
  <div class="txds-pattern-tile txds-pattern--abstract-3">
    <span class="txds-pattern-tile__label">Abstract 3</span>
  </div>
  <div class="txds-pattern-tile txds-pattern--abstract-4">
    <span class="txds-pattern-tile__label">Abstract 4</span>
  </div>
  <div class="txds-pattern-tile txds-pattern--abstract-5">
    <span class="txds-pattern-tile__label">Abstract 5</span>
  </div>
</div>

Background Patterns — Minimal

Clean, repeating geometric patterns.

Minimal 1
Minimal 2
Minimal 3
Minimal 4
Minimal 5
View HTML 
<div class="txds-pattern-grid">
  <div class="txds-pattern-tile txds-pattern--minimal-1">
    <span class="txds-pattern-tile__label">Minimal 1</span>
  </div>
  <div class="txds-pattern-tile txds-pattern--minimal-2">
    <span class="txds-pattern-tile__label">Minimal 2</span>
  </div>
  <div class="txds-pattern-tile txds-pattern--minimal-3">
    <span class="txds-pattern-tile__label">Minimal 3</span>
  </div>
  <div class="txds-pattern-tile txds-pattern--minimal-4">
    <span class="txds-pattern-tile__label">Minimal 4</span>
  </div>
  <div class="txds-pattern-tile txds-pattern--minimal-5">
    <span class="txds-pattern-tile__label">Minimal 5</span>
  </div>
</div>

Background Patterns — Modern

Bold geometric shapes with gradients and brand colors.

Modern 1
Modern 2
Modern 3
Modern 4
Modern 5
View HTML 
<div class="txds-pattern-grid">
  <div class="txds-pattern-tile txds-pattern--modern-1">
    <span class="txds-pattern-tile__label">Modern 1</span>
  </div>
  <div class="txds-pattern-tile txds-pattern--modern-2">
    <span class="txds-pattern-tile__label">Modern 2</span>
  </div>
  <div class="txds-pattern-tile txds-pattern--modern-3">
    <span class="txds-pattern-tile__label">Modern 3</span>
  </div>
  <div class="txds-pattern-tile txds-pattern--modern-4">
    <span class="txds-pattern-tile__label">Modern 4</span>
  </div>
  <div class="txds-pattern-tile txds-pattern--modern-5">
    <span class="txds-pattern-tile__label">Modern 5</span>
  </div>
</div>