SGA Dental Partners -- Typography Specimen

01

Font Stack

SGA Dental Partners uses LFT Etica as its primary typeface, loaded via Adobe Typekit. The font stack includes role-specific families for display, body, navigation, and code contexts.

Primary Adobe Typekit

LFT Etica

Headings, body text, UI elements. Weights: 300, 400, 700, 900

font-family: 'lft-etica', sans-serif;

Aa

Display Adobe Typekit

Etica Display

Hero headlines, page titles. Weights: 200, 900

font-family: 'etica-display', sans-serif;

Aa

Navigation Google Fonts

Fira Sans

Navigation, footers, labels, meta text. Weights: 400, 500, 600, 700

font-family: 'Fira Sans', sans-serif;

Aa

Fallback Google Fonts

Roboto

Fallback for body text if Typekit fails

font-family: 'Roboto', sans-serif;

Fallback Google Fonts

Roboto Slab

Fallback for display/headline contexts

font-family: 'Roboto Slab', serif;

Embed Code

02

Character Set

Full character display for LFT Etica at regular weight (400). Verify glyph rendering across your target browsers.

Uppercase

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

Lowercase

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

Numerals

0 1 2 3 4 5 6 7 8 9

Punctuation & Symbols

. , : ; ! ? ' " " " ( ) [ ] { } / \ - -- & @ # $ % ^ * + = | ~ < >

Etica Display -- Black (900)

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

0 1 2 3 4 5 6 7 8 9

Etica Display -- Thin (200)

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

0 1 2 3 4 5 6 7 8 9

03

Weight Specimens

All available weights for LFT Etica and Etica Display. Each block shows the weight at display size with a sample sentence for readability testing.

300 Light lft-etica

Transforming dental practices into thriving partnerships.

The quick brown fox jumps over the lazy dog. SGA Dental Partners delivers operational excellence and growth strategy for dental practices of every size. We believe in partnerships that create lasting value.

400 Regular lft-etica

Transforming dental practices into thriving partnerships.

The quick brown fox jumps over the lazy dog. SGA Dental Partners delivers operational excellence and growth strategy for dental practices of every size. We believe in partnerships that create lasting value.

700 Bold lft-etica

Transforming dental practices into thriving partnerships.

The quick brown fox jumps over the lazy dog. SGA Dental Partners delivers operational excellence and growth strategy for dental practices of every size. We believe in partnerships that create lasting value.

900 Black lft-etica

Transforming dental practices into thriving partnerships.

The quick brown fox jumps over the lazy dog. SGA Dental Partners delivers operational excellence and growth strategy for dental practices of every size. We believe in partnerships that create lasting value.

200 Thin etica-display

Building the future of dental care together.

900 Black etica-display

Building the future of dental care together.

04

Type Scale

Heading and body text hierarchy using a Major Third (1.25) modular scale. Sizes shown are desktop values; see the Responsive Scale section for mobile adjustments.

Display

49px / 3.052rem

weight: 900

line-height: 1.1

letter-spacing: -0.02em

Dental Partnerships

H1

39px / 2.441rem

weight: 900

line-height: 1.15

letter-spacing: -0.02em

Your Practice, Our Partnership

H2

31px / 1.953rem

weight: 700

line-height: 1.2

letter-spacing: -0.015em

Operational Excellence Delivered

H3

25px / 1.563rem

weight: 700

line-height: 1.3

letter-spacing: -0.01em

Growth Strategy for Every Practice

H4

20px / 1.25rem

weight: 700

line-height: 1.4

letter-spacing: 0

Clinical Support & Technology

H5

16px / 1rem

weight: 700

line-height: 1.5

letter-spacing: 0

Revenue Cycle Management

H6

13px / 0.8rem

weight: 700

line-height: 1.5

letter-spacing: 0.03em

text-transform: uppercase

Compliance & Training

Body

16px / 1rem

weight: 400

line-height: 1.6

max-width: 65ch

SGA Dental Partners is a dentist-founded dental partnership organization committed to helping dental practices achieve sustainable growth. We provide operational support, technology infrastructure, and business strategy while preserving clinical autonomy and the unique culture of each practice.

Small

13px / 0.8rem

weight: 400

line-height: 1.5

Helper text, disclaimers, and secondary information that supports the primary content without competing for attention.

Caption

10px / 0.625rem

weight: 500

line-height: 1.4

letter-spacing: 0.04em

text-transform: uppercase

font-family: Fira Sans

Section label -- Last updated March 2026

05

Font Pairings

Recommended headline/body combinations showing how the type families work together in real content contexts.

Etica Display Black + LFT Etica Regular

Hero / Landing pages

Your Practice Deserves a Real Partner

SGA Dental Partners provides the operational backbone, technology, and growth strategy your practice needs -- while you stay focused on what matters most: patient care.

LFT Etica Bold + Roboto Regular

Blog / Content pages

5 Ways SGA Supports Your Transition

Joining a dental partnership organization is a significant decision. We understand that every practice has its own culture, patient relationships, and clinical philosophy. That is why our approach begins with listening -- understanding what makes your practice unique before proposing any changes.

Fira Sans Semibold + LFT Etica Regular

Navigation / UI

Comprehensive Practice Support

From revenue cycle management to HR and compliance, we handle the operational complexity so you can focus on clinical excellence.

Etica Display Thin + LFT Etica Light

Testimonials / Quotes

"SGA gave us the support structure we needed without changing who we are as a practice."

Dr. Sarah Mitchell

Mitchell Family Dentistry

06

Real-World Layout Examples

Type hierarchy in context. These demonstrate how the font stack, weights, sizes, and colors combine in actual layouts someone might build for SGA.

Blog Post Excerpt

Practice Growth -- March 7, 2026

Why Practice Owners Are Choosing Partnership Over Solo Ownership

The landscape of dental practice ownership is shifting. Rising overhead costs, staffing challenges, and the increasing complexity of insurance billing have made solo ownership more difficult than ever. Many dentists are finding that a partnership model -- where they retain clinical control while gaining operational support -- offers the best of both worlds.

Read full article

Landing Page Hero

SGA Dental Partners

The Partnership Model
Built for Dentists,
by Dentists.

Retain your clinical autonomy and practice identity. Gain the operational, financial, and technological support to grow sustainably.

Email Preview (Roboto fallback stack)

SGA Dental Partners

Monthly Practice Insights

Q1 2026: Your Practice Performance Summary

Dear Dr. Thompson, here is your quarterly performance overview. Patient volume increased 12% quarter-over-quarter, and your new patient acquisition rate has exceeded the network average.

Key Metric

+12% patient volume YoY

View Full Report

SGA Dental Partners -- Confidential

07

Responsive Type Scale

Side-by-side comparison of desktop and mobile type sizes. Headings scale down more aggressively than body text. Body text never drops below 16px on mobile to prevent iOS zoom on focus.

Desktop (1280px+)

Display 49px / 3.052rem

H1 39px / 2.441rem

H2 31px / 1.953rem

H3 25px / 1.563rem

H4 20px / 1.25rem

H5 16px / 1rem

H6 13px / 0.8rem

Body 16px / 1rem

Small 13px / 0.8rem

Caption 10px / 0.625rem

Mobile (320-640px)

Display

32px / 2rem -35%

H1

28px / 1.75rem -28%

H2

24px / 1.5rem -23%

H3

20px / 1.25rem -20%

H4

18px / 1.125rem -10%

H5

16px / 1rem same

H6

12px / 0.75rem -8%

Body

16px / 1rem same

Small

13px / 0.8rem same

Caption

10px / 0.625rem same

Implementation note: Use CSS clamp() for fluid scaling between breakpoints. Example: font-size: clamp(2rem, 4vw + 0.5rem, 3.052rem) for Display size. This eliminates jarring size jumps at breakpoints.

08

CSS Export

Copy-paste ready CSS custom properties for typography. Includes font families, type scale, and responsive overrides.

/* ── SGA Dental Partners Typography ────────────────── */

/* Typekit embed (add to ) */
/*  */

:root {
  /* Font Families */
  --font-primary: 'lft-etica', 'Roboto', sans-serif;
  --font-display: 'etica-display', 'Roboto Slab', serif;
  --font-nav: 'Fira Sans', sans-serif;
  --font-mono: 'Roboto Mono', monospace;

  /* Type Scale (Desktop - Major Third 1.25) */
  --text-display: 3.052rem;   /* 49px */
  --text-h1: 2.441rem;        /* 39px */
  --text-h2: 1.953rem;        /* 31px */
  --text-h3: 1.563rem;        /* 25px */
  --text-h4: 1.25rem;         /* 20px */
  --text-h5: 1rem;            /* 16px */
  --text-h6: 0.8rem;          /* 13px */
  --text-body: 1rem;          /* 16px */
  --text-small: 0.8rem;       /* 13px */
  --text-caption: 0.625rem;   /* 10px */

  /* Line Heights */
  --leading-display: 1.1;
  --leading-h1: 1.15;
  --leading-h2: 1.2;
  --leading-h3: 1.3;
  --leading-h4: 1.4;
  --leading-body: 1.6;
  --leading-small: 1.5;
  --leading-caption: 1.4;

  /* Letter Spacing */
  --tracking-tight: -0.02em;
  --tracking-snug: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.03em;
  --tracking-wider: 0.08em;
}

/* Responsive overrides */
@media (max-width: 640px) {
  :root {
    --text-display: 2rem;      /* 32px */
    --text-h1: 1.75rem;        /* 28px */
    --text-h2: 1.5rem;         /* 24px */
    --text-h3: 1.25rem;        /* 20px */
    --text-h4: 1.125rem;       /* 18px */
    --text-h6: 0.75rem;        /* 12px */
  }
}

/* Fluid scaling alternative (recommended) */
.fluid-display {
  font-size: clamp(2rem, 4vw + 0.5rem, 3.052rem);
}
.fluid-h1 {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.441rem);
}
.fluid-h2 {
  font-size: clamp(1.5rem, 2.5vw + 0.5rem, 1.953rem);
}

/* Base styles */
body {
  font-family: var(--font-primary);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: #333333;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-primary);
  color: #333333;
}

h1 {
  font-size: var(--text-h1);
  font-weight: 900;
  line-height: var(--leading-h1);
  letter-spacing: var(--tracking-tight);
}

h2 {
  font-size: var(--text-h2);
  font-weight: 700;
  line-height: var(--leading-h2);
  letter-spacing: var(--tracking-snug);
}

h3 {
  font-size: var(--text-h3);
  font-weight: 700;
  line-height: var(--leading-h3);
}

h4 {
  font-size: var(--text-h4);
  font-weight: 700;
  line-height: var(--leading-h4);
}

h5 {
  font-size: var(--text-h5);
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  font-size: var(--text-h6);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

/* Display heading (hero use) */
.display {
  font-family: var(--font-display);
  font-size: var(--text-display);
  font-weight: 900;
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-tight);
}

p {
  max-width: 65ch;
}

small, .text-small {
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.caption {
  font-family: var(--font-nav);
  font-size: var(--text-caption);
  font-weight: 500;
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
}

09

Tailwind Config

Drop this into your tailwind.config.js to register the SGA font families and type scale as Tailwind utilities.

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      fontFamily: {
        'etica': ['lft-etica', 'Roboto', 'sans-serif'],
        'etica-display': ['etica-display', 'Roboto Slab', 'serif'],
        'fira': ['Fira Sans', 'sans-serif'],
        'roboto': ['Roboto', 'sans-serif'],
        'roboto-slab': ['Roboto Slab', 'serif'],
        'mono': ['Roboto Mono', 'monospace'],
      },
      fontSize: {
        'display': ['3.052rem', { lineHeight: '1.1', letterSpacing: '-0.02em', fontWeight: '900' }],
        'h1':      ['2.441rem', { lineHeight: '1.15', letterSpacing: '-0.02em', fontWeight: '900' }],
        'h2':      ['1.953rem', { lineHeight: '1.2', letterSpacing: '-0.015em', fontWeight: '700' }],
        'h3':      ['1.563rem', { lineHeight: '1.3', letterSpacing: '-0.01em', fontWeight: '700' }],
        'h4':      ['1.25rem',  { lineHeight: '1.4', fontWeight: '700' }],
        'h5':      ['1rem',     { lineHeight: '1.5', fontWeight: '700' }],
        'h6':      ['0.8rem',   { lineHeight: '1.5', letterSpacing: '0.03em', fontWeight: '700' }],
        'body':    ['1rem',     { lineHeight: '1.6', fontWeight: '400' }],
        'small':   ['0.8rem',   { lineHeight: '1.5', fontWeight: '400' }],
        'caption': ['0.625rem', { lineHeight: '1.4', letterSpacing: '0.04em', fontWeight: '500' }],
      },
    },
  },
}

/*
  Usage examples:

  Page Title
  Hero Headline
  Body paragraph...
  Navigation items
  Section Label
*/

Font Stack

LFT Etica

Etica Display

Fira Sans

Roboto

Roboto Slab

Character Set

Weight Specimens

Type Scale

Font Pairings

Your Practice Deserves a Real Partner

5 Ways SGA Supports Your Transition

Comprehensive Practice Support

Real-World Layout Examples

Why Practice Owners Are Choosing Partnership Over Solo Ownership

The Partnership ModelBuilt for Dentists,by Dentists.

Q1 2026: Your Practice Performance Summary

Responsive Type Scale

CSS Export

Tailwind Config

Page Title

Hero Headline

The Partnership Model
Built for Dentists,
by Dentists.