DS Typography

[sharon-rabang]

06/19/23: Work session links to our formula with 4 typeface selects:

• Typography - Public Sans (codepen.io)
• Typography - Noto Sans (codepen.io) (Recommended)
• Typography - Roboto (codepen.io)
• Typography - Inter (codepen.io)

Action items:

• Document decisions in Core Decision Record
• Draft initial list of guidelines
• Start type explorations:
  • Header and footer components
  • Prototype sample web pages
  • Create Figma type ramp library for desktop and mobile views
  • Document our formula's HTML rems to Figma pixels for reference
• Share with Core Team: Formula with 4 typefaces and type work in progress
• Select complimentary or secondary fonts, and fall back fonts 06/15/23: Work session links for reference:
• Modern Fluid Typography Using CSS Clamp
• https://developer.mozilla.org/en-US/docs/Web/CSS/clamp
• https://every-layout.dev/rudiments/units/
• https://codepen.io/Ryan-Hamilton-the-selector/pen/LYXGqJy

06/13/23: Work session on type evaluations; Koji shared his initial responsive type formula concept in CodePen:

• https://codepen.io/rkojik/pen/qBmPRRM
• https://codepen.io/rkojik/pen/rNQOqMV

06/12/23: Design language evaluations - Figma CA Design System and other design systems

05/30/23: Started desk research: Figma Design research

[sharon-rabang]

06/27/23 Core team meeting notes

• Discussed and agreed on the improved approach to typography for components and the Design System's website:
  • Default: Noto Sans
  • Options available: Public Sans, Roboto, and Inter. Will include some more.
  • Will document code variables
• Shared initial explorations in Figma for typesetting, max widths for line lengths, complimentary typefaces, and initial grid desk research
• Will work on Figma variables to build type ramp library and start the Figma UI Kit