Input

<label class="field">
  <span>Name</span>
  <input type="text" placeholder="Project name" autocomplete="off">
</label>

<label class="field">
  <span>Email</span>
  <input type="email" placeholder="you@example.com">
</label>
<label class="field">
  <span>Password</span>
  <input type="password" placeholder="••••••••">
</label>
<label class="field">
  <span>Minutes</span>
  <input type="number" inputmode="numeric" min="1" max="1440" value="15">
</label>

<label class="field">
  <span>Project id</span>
  <input type="text" value="proj-atlas-01">
  <p class="hint">shown in the url.</p>
</label>

<label class="field">
  <span>Name</span>
  <input type="text" value="" aria-invalid="true">
  <p class="hint no">a name is required.</p>
</label>

<label class="field">
  <span>Hold</span>
  <input type="text" value="15 min" disabled>
</label>

<div class="two">
  <label class="field">
    <span>Name</span>
    <input type="text" value="Atlas">
  </label>
  <label class="field">
    <span>Plan</span>
    <select>
      <option>Starter</option>
      <option>Team</option>
    </select>
  </label>
</div>