Back to Explore
Modern Classic|sans + serif
luxuryelegantminimalsophisticated

General Sans + Cormorant

Understated Opulence

Swiss restraint meets Parisian grace

The precision of Helvetica's descendants paired with the timeless romance of Garamond. General Sans provides the framework; Cormorant adds the flourish. Luxury that whispers rather than shouts.

Swiss precision meets French elegance. General Sans's clean geometry paired with Cormorant's refined Garamond heritage for understated luxury.

brandingecommerceportfolio

Typefaces Used

Primarysans

General Sans

Swiss-inspired geometric sans. Clean and contemporary for modern brands.

Designed by Frode Helland

Released 2021

Available weights: 200, 300, 400, 500, 600, 700

Secondaryserif

Cormorant Garamond

Display version of the timeless Garamond. High contrast and refined for large sizes.

Designed by Christian Thalmann

Released 2015

Available weights: 300, 400, 500, 600, 700

Recommended Scale

H1

Headline One

General Sans · 600 · 52px · 1

H2

Headline Two

General Sans · 500 · 34px · 1.1

H3

Headline Three

Cormorant Garamond · 500 · 26px · 1.25

Body

Body text for paragraphs and long-form content.

Cormorant Garamond · 400 · 18px · 1.75

Caption

Caption and metadata text

General Sans · 400 · 13px · 1.5

In Context

Design Essay · 12 min read

Understated Opulence

Swiss restraint meets Parisian grace

The precision of Helvetica's descendants paired with the timeless romance of Garamond. General Sans provides the framework; Cormorant adds the flourish. Luxury that whispers rather than shouts.

“Elegance is refusal.”

Coco Chanel

Developer Exports

Google Fonts
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=General+Sans:wght@400;500;600&family=Cormorant+Garamond:wght@400;500&display=swap" rel="stylesheet">
CSS
h1 {
  font-family: "General Sans", sans-serif;
  font-size: 52px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
}

h2 {
  font-family: "General Sans", sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.1;
}

h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.25;
}

.body-text {
  font-family: "Cormorant Garamond", serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.75;
}

.caption {
  font-family: "General Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
Tailwind Config
// tailwind.config.ts
import type { Config } from "tailwindcss";

const config: Config = {
  theme: {
    extend: {
      fontFamily: {
        generalsans: [""General Sans"", "sans-serif"],
        cormorantgaramond: [""Cormorant Garamond"", "serif"],
      },
      fontSize: {
        "h1": ["52px", { lineHeight: "1", fontWeight: "600" }],
        "h2": ["34px", { lineHeight: "1.1", fontWeight: "500" }],
        "h3": ["26px", { lineHeight: "1.25", fontWeight: "500" }],
        "body": ["18px", { lineHeight: "1.75", fontWeight: "400" }],
        "caption": ["13px", { lineHeight: "1.5", fontWeight: "400" }],
      },
    },
  },
};

export default config;

AI-Ready Exports

Copy these structured prompts to brief AI tools on your typography system. Paste directly into ChatGPT, Claude, or any LLM.

System Description

Explain this type system to an AI

Use this typographic system:

Headings:
  General Sans, 600 weight
  Used for H1–H3
  Swiss-inspired geometric sans. Clean and contemporary for modern brands.

Body:
  Cormorant Garamond, 400 weight
  Used for paragraphs and UI
  Display version of the timeless Garamond. High contrast and refined for large sizes.

Tone:
  luxury, elegant, minimal
  Swiss precision meets French elegance. General Sans's clean geometry paired with Cormorant's refined Garamond heritage for understated luxury.

Use this scale:
  H1 — 52px / 1 / -0.02em
  H2 — 34px / 1.1
  H3 — 26px / 1.25
  Body — 18px / 1.75
  Caption — 13px / 1.5

UI Generation Prompt

Use when asking AI to generate code

When generating UI or HTML, use this typography system:

H1 — General Sans — 600 — 52px — line-height 1 — letter-spacing -0.02em
H2 — General Sans — 500 — 34px — line-height 1.1
H3 — Cormorant Garamond — 500 — 26px — line-height 1.25
Body — Cormorant Garamond — 400 — 18px — line-height 1.75
Caption — General Sans — 400 — 13px — line-height 1.5

Headings should feel luxury and elegant.
Body text should feel readable and refined.

Do NOT mix additional fonts.
Maintain consistent hierarchy throughout.