DEV Community

Cover image for Design Systems for Devs: Typography
Chris Porter
Chris Porter

Posted on

2

Design Systems for Devs: Typography

What's good Dev.to community!

Intro

My name is Chris Porter and I'm a design engineer. I specialize in coding for design systems.

I would love to share my Type system as my first post. It's a system that I've built and used for many of my Jamstack websites.

Download the Type System

How it's built?

The main gist is using classes to set styles. This allows you to reuse styles in many different ways. Want to use <H1> styles on a <p> tag? Use .h1. It's curated and written in SCSS, using variables, mixins and extends to keep type systems consistent and scalable. I've borrowed and refactored code I've found via tutorials, trial and error, etc.

Let me know!

Check it out and let me know if you have any questions or feedback. I would love to hear from you.

Download the Type System

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Instrument, monitor, fix: a hands-on debugging session

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️