Poppins 800 Determine which font to use for main titles for blog posts, landing pages, brochure covers, etc. Specify whether to use ALL CAPS, Title Case, Weight and Size.
H2: This is a subtitle
Poppins 200 Determine which font and weight to use for subtitles. All caps, lower case.
This is body text.
Poppins 200 Determine which font and weight to use for body text. All caps or lower case.
Glyphs
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! " # $ % & / ( ) = ? ¡ @ > < ´ + { } [ ] , ; . : _ - ¡ “ £ ¢ ∞ § ¶ • ª º \ ≠ ¬ | « ~ ^ ` … –
Font
Specs
BUTTON
Define weight, size and type case.
Caption
Define weight, size and type case.
OVERLINE
Define weight, size and type case.
Imagery
Images
Images
Images
Images
UI Elements
Icons
Choose an icon style: Outlined or Filled. Make sure that your icon set follows the same proportions and sizes. Recommended grid is 24x24px.
Images
Images
Images
Images
Buttons
Define the style of the buttons. Make sure to define the usage of each button.
Images
Images
TERTIARY DEFAULT
TERTIARY HOVER
TERTIARY DISABLED
Images
Images
Link Default
Link Pressed
Link Disabled
Labels/Tags
Define the kind of labels and tags for your design..