38 lines
1.4 KiB
Plaintext
38 lines
1.4 KiB
Plaintext
---
|
|
title: April 2026 - Introducing Sera
|
|
description: Minimal. Editorial. Typographic. Underline Controls and Uppercase Headings. Shaped by Print Design Principles.
|
|
date: 2026-04-16
|
|
---
|
|
|
|
Introducing Sera, a new shadcn/ui style. Minimal. Editorial. Typographic. Underline Controls and Uppercase Headings. Shaped by Print Design Principles.
|
|
|
|
<a href="/create?preset=b4xFeBLg4O">
|
|
<Image
|
|
src="/images/sera-01-light.png"
|
|
width="2160"
|
|
height="1832"
|
|
alt="Sera style preview"
|
|
className="mt-6 w-full overflow-hidden rounded-2xl border dark:hidden"
|
|
/>
|
|
<Image
|
|
src="/images/sera-01-dark.png"
|
|
width="2160"
|
|
height="1832"
|
|
alt="Sera style preview"
|
|
className="mt-6 hidden w-full overflow-hidden rounded-2xl border shadow-sm dark:block"
|
|
/>
|
|
<span className="sr-only">Try Sera in shadcn/create</span>
|
|
</a>
|
|
|
|
Sera is a typography-first style built on print design principles. It pairs serif headings with sans-serif body text, uses square corners, uppercase tracking, and underlined controls to create an editorial feel for your app.
|
|
|
|
Like the other new styles, Sera goes beyond theming. It changes the geometry, spacing, and feel of the components so your app starts from a different visual baseline.
|
|
|
|
Available now in [shadcn/create](/create) for both Radix and Base UI.
|
|
|
|
<Button asChild size="sm">
|
|
<Link href="/create?preset=b4xFeBLg4O" className="mt-6 no-underline!">
|
|
Try Sera
|
|
</Link>
|
|
</Button>
|