Briefle
LearnGlossaryPricing

Briefle words · UI design

Font weight

How thick or heavy a font's strokes are, from thin to black, often used to add emphasis without changing the size.

Say it to an AI

Telehealth appointment card: doctor avatar, name and specialty, then date and duration rows, then Join and Reschedule buttons. Keep a tight type scale of three sizes and just two font weights (regular and semibold); build the visual hierarchy with color, not more weights. No italics.

How an expert would brief the stronger version of “Appointment card”.

See it

Try it as a puzzle →

Upcoming visit card on the home screen of a telehealth app.

Study A · the weaker one
Study B · the stronger one

Why: A mixes 300, 500, 600 and 800 on one small card; B uses only 400 and 600.

Related words

  • Skeleton screen
  • Spinner
  • Layout shift
  • Touch target
  • Thumb zone
  • Sticky footer CTA
  • Visual hierarchy
  • Type scale

Room 3 · Typography

Learn “Font weight” in a five-minute lesson

Start free
AI can build almost anything. The bottleneck is saying what you want.
WordsPricingTermsPrivacyRefundsContact
© 2026 Briefle