PaperCSS2

the less formal CSS framework fork

^

Profile card

Profile cards give profile or feed-home summaries a distinct PaperCSS2 treatment without using the generic card body layout.

Feed home

Ada Lovelace

@ada ada@example.com Joined Jun 2026

Short profile copy wraps cleanly and keeps the profile header separate from timeline cards.

Code:

<section class="paper border paper-profile-card">
  <div class="paper-profile-card-header">
    <p class="paper-profile-card-kicker">Feed home</p>
    <h1 class="paper-profile-card-title">Ada Lovelace</h1>
  </div>
  <p class="paper-profile-card-meta">
    <span>@ada</span>
    <span>ada@example.com</span>
    <span>Joined Jun 2026</span>
  </p>
  <p class="paper-profile-card-bio">Short profile copy wraps cleanly and keeps the profile header separate from timeline cards.</p>
</section>