<article class="intro">
  <h1>At ACME CO, we do things differently</h1>
  <p>
    Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit
    sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.
  </p>
  <div><a href="//example.com">Find out more</a></div>
</article>

.intro {
  width: 100%;
  background: linear-gradient(to top, #3c006b, #9948d9);
  color: white;
  padding: 7rem 2rem 4rem 2rem;
}

.intro h1 {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1.1;
  max-width: 18ch;
}

.intro p {
  font-size: 1.1rem;
  max-width: 50ch;
}

.intro a {
  font-weight: 700;
  font-size: 1.6rem;
  color: currentColor;
}

.intro > * + * {
  margin-top: 1.5em;
}

body {
  padding: 0;
}