Contact Us

Effective Date: June 1, 2025

Typography Showcase

  • H1 Example

    Main Page Headline

    54px → 104px → 135px

  • H2 Example

    Section Headline

    56px → 72px → 94px

  • H3 Example

    Subsection Headline

    38px → 48px → 63px

  • H4 Example

    Minor Headline

    28px → 34px → 43px

  • H5 Example

    Small Headline
    24px → 28px → 32px

  • H6 Example

    Micro Headline
    20px → 22px → 26px

  • Eyebrow Small

    Featured Product

    16px → 18px → 23px

  • Eyebrow Micro

    Limited Edition

    12px → 12px → 16px

  • Lede - Introduction Text

    This is lede text style. Perfect for introductory paragraphs and important content that needs to stand out from regular body text.

    20px → 24px → 30px

  • P1 - Primary Paragraph

    This is P1 text style. Perfect for primary content and important paragraphs that need emphasis.

    18px → 20px → 24px

  • P2 - Secondary Paragraph

    This is P2 text style. Ideal for secondary content, descriptions, and supporting text.

    14px → 16px → 20px

  • Legal - Disclaimer Text

    Please drink responsibly. Must be 21+ to purchase. Modelo® is a registered trademark of Grupo Modelo S.A.B. de C.V.

    12px static across all breakpoints

  • Button Typography

    14px → 14px → 18px
    12px → 12px → 15px

  • Typography in Context

    New Release

    Modelo Especial

    The golden standard of authentic Mexican beer with a crisp, clean taste.

    Brewed with premium ingredients and time-honored traditions for an exceptionally smooth flavor.

    Perfect for any occasion, from casual gatherings to special celebrations.

    Please drink responsibly. Must be 21+ to purchase. Modelo® is a registered trademark.

  • List Typography

    Sizing

    • •1 bottle Modelo Negra or Modelo Especial
    • •2 1/2 oz. tomato-clam juice
    • •4 dashes Mexican hot sauce
    • •Cocktail onions, for garnish
    • •Kosher salt for rim
    Bullet = font size ×3, Margin = font size ×6, Gap = line-height ×3

  • Text Links

    Rest

    This is default link

    Hover

    This is default link

    Focus

    This is default link

    Active

    This is default link
    Rest: 1px underline, Hover/Active: 2px underline, Focus: border + ring