Modern Minimalist Table

<!DOCTYPE html>
<title>My Example</title>

.minimalist-table thead th {
    padding: 16px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #777;
    /* Stronger bottom border for the header */
    border-bottom: 2px solid #333; 
}

.minimalist-table tbody td {
    padding: 16px;
    /* Subtle bottom border for each row */
    border-bottom: 1px solid #e0e0e0; 
}

.minimalist-table .client-column {
    font-style: italic;
    color: #666;
}

/* Remove the bottom border from the very last row for a clean finish */
.minimalist-table tbody tr:last-child td {
    border-bottom: none;
}
</style>

<table class="minimalist-table">
    <thead>
        <tr>
            <th scope="col">Project</th>
            <th scope="col">Client</th>
            <th scope="col">Year</th>
            <th scope="col">Service</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Brand Identity Refresh</td>
            <td class="client-column">Apex Innovations</td>
            <td>2024</td>
            <td>Branding & Design</td>
        </tr>
        <tr>
            <td>E-commerce Platform Launch</td>
            <td class="client-column">Urban Threads Co.</td>
            <td>2023</td>
            <td>Web Development</td>
        </tr>
        <tr>
            <td>Mobile App UX/UI Overhaul</td>
            <td class="client-column">Fintech Solutions</td>
            <td>2023</td>
            <td>UX/UI Design</td>
        </tr>
        <tr>
            <td>Content Marketing Strategy</td>
            <td class="client-column">GreenLeaf Organics</td>
            <td>2022</td>
            <td>Marketing</td>
        </tr>
    </tbody>
</table>