made with love by yashd

Better Typography Starts Here.

Typography is the art and craft of arranging type to make written language not just legible, but also visually engaging. It's one of the core pillars of design, whether you're building a website, designing an app, or creating for print. Like it or not, typography shapes the entire look and feel of a project. Sometimes, it even steals the spotlight and becomes the main attraction.

I've put together a set of ready-to-use typography snippets you can simply copy, paste, and drop into your projects.

Example Implementation: https://adeon.me/

// H1_STYLE

For Massive Headlines

Shipwracking storms and direful thunders

// H2_STYLE

For Section Titles & Major Subheadings

Dismayed not this our captains

// H3_STYLE

For Minor Section Titles & Feature Headings

Is this a dagger which I see before me

// H4_STYLE

For Sub-Labels & Footer Categories

The Weird Sisters Prophecies

// PARAGRAPH_STYLE

For Body Text & Descriptions

"Life's but a walking shadow, a poor player..."

// SMALL_TEXT_STYLE_1

For Secondary Details & Meta-information

"Look like th' innocent flower, but be the serpent under't."

// EXTRA_SMALL_TEXT_STYLE

For Fine Print & Copyrights

"Double, double toil and trouble; Fire burn, and cauldron bubble."

// MONOSPACE_LABEL_STYLE

For Section Markers & Code-like Labels

// PRODUCTION_METRICS

// BADGE_STYLE

For Categorization & Highlighted Tags

NotesPortal