Brickspace Lab
Contact usContact ShopifyTry a theme
Keystone
Keystone
  • Keystone documentation
  • Getting started
    • Getting started with your theme
      • Keystone overview
      • Theme Colors Setup
      • Theme Typography Setup
      • Theme Borders Setup
      • Product prices
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Custom content for tables
      • Replace "Add to cart"
      • Disable quick add
    • Wholesale
      • Wholesale basics
      • Account restrictions
    • Color and option swatches
    • Device specific visibility
    • Discount popups
  • Templates
    • Templates
      • Collection template
      • Product template
      • Blog template
      • Article template
  • Sections
    • Sections
      • Global Sections
        • Header
        • Footer
        • Navigation links
        • Announcement
        • Cart drawer
        • Account drawer
        • Search drawer
        • Menu drawer
      • Media & Promotional
        • Slideshow
        • Video
        • Split banner
        • Marquee
        • Image hotspot
        • Countdown
        • Discount
        • Banner
        • Slider
        • Testimonial slider
        • Search banner
      • Product & Collection Displays
        • Product grid
        • Product slider
        • Product table
        • Product comparison
        • Recently viewed
        • Collection list grid
        • Collection list slider
        • Featured product
        • Comparison table
      • Content & Marketing
        • Rich text
        • Blog posts grid
        • Testimonial grid
        • Logo list
        • Icon grid
        • Collapsible content
        • Tabs
        • Collage
      • Utility & Custom
        • Custom liquid
        • Tool tip
        • Store locater
      • Forms & CTAs
        • Email sign-up
        • Sign-up form
        • Contact form
  • General
    • General
      • Changelog
        • v1.3.0
        • v1.2.0
        • v1.1.0
        • v1.0.1
        • v1.0.0
      • Known issues and troubleshooting
      • Cloning a demo theme
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
  1. Getting started
  2. Getting started with your theme

Theme Typography Setup

Last updated 3 days ago

Was this helpful?

Before Starting

  • Choose fonts aligning with brand identity

  • Consider customer perception

  • Resource:

Font Settings

  1. Font Family:

    • Maximum 2 fonts recommended

    • Body Font: Main content

    • Heading Font: All headings

    • Navigation Font: Buttons/menus

  2. Sizing:

    • Base Size: Reference point

    • Scale Ratio: Heading proportions

Icon Styles

  • Multiple style options available

  • Choose to match brand aesthetic

Popular Font Pairings

  1. Helvetica + Helvetica Black

  2. Futura + Basic Commercial

  3. Muli + ITC Clearface

  4. Monotype Century + Mariposa

  5. Nunito Sans + Optima Nova

  6. Work Sans + Crimson Text

  7. Source Sans Pro + Nunito

Advanced Settings

  • Customize capitalization

  • Adjust font families

  • Fine-tune type hierarchy

Font Selection Guide