Memorables

Serif Typography

Serif typography back at the heart of design: wordmarks, identities, websites and type specimens.

A serif is the small stroke that finishes the main strokes of a letter, and serif typefaces range from flared faces rooted in carved and painted lettering to sharp, high-contrast display cuts. Long associated with books and newspapers, the serif is back in brands and on screens, where it brings warmth, authority and a human voice next to clean interfaces. This page gathers serif type in use and in motion: logo animations, brand identities, websites built with GSAP, Three.js and WebGPU, event invitations and type specimens such as Ashcroft and Geist Serif, by designers and studios such as Peregrin Studio, Aristide Benoist, Paul Soulhiard and s.engineering.

20 works by 16 creators, newest added 9 November 2026. Each is credited to the people who made it and links to the original.

All 20 Serif Typography

  1. Slot Field by Yousuf Soomro — Slot Field, a React component for type from the upcoming Kainat library, where one word holds still as real lines of HTML open around it and a field of pixel blocks fills the gap.
  2. Cicely Brand Identity by Swarnima Ruria — A brand identity for Cicely, a social enterprise opening education, work and business to disabled and neurodivergent people, its mark of rounded squares filled with marbled paint.
  3. Scheduled Task by Szymon Pawlik — The breakdown of a SaaS launch film for Scheduled Task, where a Morning brief card rewrites its serif summary each day, its 1,400-plus layers laid open with the guides showing.
  4. Custom Web Framework by Aristide Benoist — Website sections running on a creative development framework written from scratch in Rust and JavaScript, where a timing engine and a WebGPU mirror make painting galleries twist and bulge.
  5. Clever Move Logo Animation by Emanuel Costa — A logo animation for the Clever Move brand that puts its manifesto line into motion, a galloping horse shrinking into a hatched, hand-drawn mark that leaps into the wordmark.
  6. Geist Serif by Nicolás Garro — The launch film of Geist Serif, Vercel’s open-source, high-contrast display serif with saw-toothed serifs and a dot axis of rounds, squares, triangles and hearts, built on a blueprint.
  7. Vaultline Cards by Batuhan Kara — Landing page feature cards for Vaultline, a data access product that scans warehouses and SaaS apps for copies, each tilting toward the cursor as a scan or an access grid lights up.
  8. born.com by s.engineering — A landing page for Born, the Berlin start-up behind AI companion apps, built in Framer around one typed promise of virtual friends and a live counter of AI friends created.
  9. Born Logo Animation by s.engineering — A logo animation for Born, the AI companion app maker, where a silhouette hand opens to let the serif letter of its logo appear, as if releasing something it had just made.
  10. Panorama Globe Poster by Panorama Branding — A poster from the new visual identity of Panorama, a Bogotá branding consultancy, where a globe keeps morphing into new continents, the picture of a firm that adapts as brands change.
  11. Ayla Logo Animation by LOTIPA Studio — A logo animation for Ayla Móveis, the furniture brand, where a sofa, an office chair and a dining chair slip into the serif wordmark in place of its letters, then step aside.
  12. Gionatan Nese Portfolio by Gionatan Nese — A portfolio website built with GSAP and Three.js, where a chrome blob with a face floats through serif chapters and smears the headline as it passes, a GSAP Site of the Week.
  13. Soirée [2] Invite by Paul Soulhiard — Kinetic typography for the invitation to a second Paris web and creative community soirée, where bracketed serif words drift into focus one after another, like a lens finding them.
  14. Paris Creative Drinks Invite by Paul Soulhiard — Kinetic typography for an invitation to terrace drinks with the Paris web and creative community, where words like Soirée, Freelance and Agence tumble and pile up in a serif face.
  15. 123WOK Identity by Invade — A restaurant identity for 123WOK, an Asian restaurant with a Latin heart, built on surprise to move past its food court roots, its mascot in a wok hat gasping at a menu in tall serifs.
  16. The Source of Next by andstudio — Kinetic typography for the Source identity, where waves of letter spacing ripple down a column of The source of next, data shown connecting, shifting and growing layer by layer.
  17. WebGPU Type Explorations by Aristide Benoist — Kinetic typography experiments in WebGPU, research for upcoming projects with Brijan Powell, where dates, a Latin inscription and heavy wordmarks warp, fold and smear in real time.
  18. Human, Meet Agent by Linear — A landing page for Linear for Agents that follows a lesson in motion, the bigger an element the slower and heavier it moves, as a flock of cursors drifts toward a reaching hand.
  19. Pier Rides 10p by Peregrin Studio — A type specimen in motion for Ashcroft, a flared serif after early twentieth-century British lettering, where magpies perch on the words Pier Rides 10p against a seaside sunset.
  20. Chelsea Royal Garden by Peregrin Studio — An animated type specimen for a light weight of Ashcroft, a flared serif rooted in carved and painted British lettering, with petals and a bird drifting through Chelsea Royal Garden 1913.

Featuring work by

Aristide Benoist, s.engineering, Paul Soulhiard, Peregrin Studio, Yousuf Soomro, Swarnima Ruria, Szymon Pawlik, Emanuel Costa, Nicolás Garro, Batuhan Kara, Panorama Branding, LOTIPA Studio, Gionatan Nese, Invade, andstudio, Linear.

Related topics

Browse by category

Topics