index.html

---
layout: default
title: Home
preload: hero.svg
---

<div class="landing-page">
  <section class="landing-jumbotron">
    <div class="landing-jumbotron-content">
      <h2 class="hidden-sm-up">We make government work in a digital world</h2>

      <h2 class="hidden-xs-down">
        We make government <br />
        work in a digital world
      </h2>

      <p class="hidden-sm-up">
        Skylight is a digital consultancy using design and technology to help
        agencies deliver better public services.
      </p>

      <p class="hidden-xs-down">
        Skylight is a digital consultancy using design and technology <br />
        to help agencies deliver better public services.
      </p>

      <a
        class="btn btn-warning btn-lg text-dark"
        href="/connect/contact/"
        role="button"
      >
        <span class="font-bold">Let’s talk</span>
      </a>
    </div>
  </section>

  <div class="landing-body">
    <section class="landing-content-row landing-content-row-margin">
      <div class="landing-content-primary-col">
        <h2>A new type of consultancy</h2>
      </div>

      <div class="landing-content-secondary-col">
        <p>
          Digital to the core. Open by default. Empowered talent. Public
          servants at heart. We’re a new type of government consultancy for the
          digital era.
        </p>
      </div>
    </section>

    <section class="landing-info-row">
      <div class="landing-info-img-col">
        <div class="landing-info-img">
          <img
            src="img/about-infographic.svg"
            alt="Illustration of a government building, encircled by icons that represent important government functions."
          />
        </div>
      </div>
      <div class="landing-info-text-col">
        <div class="landing-info-text">
          <h3>Solving important problems</h3>
          <p>
            Every day millions of people — from veterans to immigrants
            — depend on government services to fulfill their needs. But
            too often these services are delivered using outmoded policies,
            practices, and technologies. We’re public servants at heart who are
            driven to make these services work better in the internet era.
          </p>
        </div>
      </div>
    </section>

    <section class="landing-info-row">
      <div class="landing-info-img-col flex-lg-first">
        <div class="landing-info-img">
          <img
            src="img/services-infographic.svg"
            alt="Illustration of a government building in a computer browser with a green checkmark, surrounded by icons that represent different service functions."
          />
        </div>
      </div>
      <div class="landing-info-text-col">
        <div class="landing-info-text">
          <h3>Services designed for your success</h3>
          <p>
            Thinking and being digital requires fundamental practice, culture,
            and technology change. And that means institutionalizing modern
            disciplines such as human-centered design and lean-agile
            engineering. Everything we offer is designed to
            <em>accelerate</em> your journey to becoming a digital-first agency.
          </p>
        </div>
      </div>
    </section>

    <section class="landing-info-row">
      <div class="landing-info-img-col">
        <div class="landing-info-img">
          <img
            src="img/experience-infographic.svg"
            alt="Illustration of a technology maze with an arrow representing how to navigate the complexity."
          />
        </div>
      </div>
      <div class="landing-info-text-col">
        <div class="landing-info-text">
          <h3>Experience to solve your toughest challenges</h3>
          <p>
            We founded and scaled 18F, built and sold technology startups,
            created standards that power the internet, and more. With our unique
            blend of government and commercial expertise, you can rely on us to
            help solve your agency’s toughest digital challenges.
          </p>
        </div>
      </div>
    </section>

    <section class="landing-info-row">
      <div class="landing-info-img-col flex-lg-first">
        <div class="landing-info-img">
          <img
            src="img/culture-infographic.svg"
            alt="Illustration of various government workers with gears and light bulbs in the background."
          />
        </div>
      </div>
      <div class="landing-info-text-col">
        <div class="landing-info-text">
          <h3>Strengthening your culture through ours</h3>
          <p>
            Culture change is at the heart of achieving digital mastery. From
            openly sharing our knowledge to hiring first-rate talent to treating
            every interaction as a teaching opportunity, our culture is designed
            to empower you to succeed in the digital age.
          </p>
        </div>
      </div>
    </section>

    <section class="landing-content-row landing__callout--footer">
      <div class="landing-content-primary-col">
        <h2>Let’s deliver something&nbsp;great</h2>
      </div>

      <div class="landing-content-secondary-col">
        <p>
          Delivering great public services requires teams who understand both tech and government.
          We’re built from the ground up to help you reach digital mastery.
        </p>
      </div>

      <div class="landing-content-ctas-col">
        <div class="landing-content-cta-wrapper">
          <a href="/work/services/" role="button">See our services</a>
        </div>

        <div class="landing-content-cta-wrapper">
          <a href="/work/experience/" role="button">View our work</a>
        </div>
      </div>
    </section>
  </div>
</div>
{% include testimonial_cta.html %}