Here are the unique font + color combinations used for text on the site, in a compact list you can reuse in Elementor.
Brand colors (for globals)
- Navy: #16243E
- Rust: #7C2D12
- Red: #991B1B
Inter (sans) + color
| Use | Size | Weight | Style | Color |
| Section labels (e.g. “Offering”, “The Mission”) | 10px | Black | Uppercase, tracking ~0.3em | brand-navy #16243E |
| Scale / small labels (e.g. “Sans-Serif: Inter”) | 9px | Bold | Uppercase, tracking-widest | slate-300 |
| Design rationale / button labels / footer nav | 10px | Bold or Black | Uppercase, tracking-widest | slate-400 |
| Hero pill, consultation label | 10px / 14px | Black | Uppercase, tracking ~0.2em | slate-700 |
| Verse attribution (e.g. “1 CORINTHIANS 16:13”) | 10px | Black | Uppercase, tracking ~0.3em | slate-700 |
| Service subtitle, “Back to Home”, chat labels | 10px | Bold | Uppercase, tracking | brand-rust #7C2D12 |
| Card conviction label | 8px | Black | Uppercase, tracking | brand-red #991B1B |
| Color hex codes (style guide) | 10px | — | Uppercase, font-mono | slate-400 |
| Nav links (desktop) | 12px (xs) | Bold | Uppercase, tracking-widest | slate-700 (hover: brand-navy) |
| Footer nav links | 12px (xs) | Bold | Uppercase, tracking-widest | slate-400 (hover: slate-900) |
| Footer “Integrity / Conviction / Maturity” | 9px | Black | Uppercase, tracking ~0.3em | slate-300 |
| Footer copyright line | 9px | Bold | Uppercase, tracking ~0.4em | slate-400 |
| Body / descriptions | 14px (sm) | Light or Regular | — | slate-700 |
| Body (secondary) | 14px (sm) | Medium | — | slate-600 |
| Small headings (e.g. “Strict Confidentiality”) | 12px (xs) | Bold | Uppercase, tracking-wider | slate-900 |
| “The Standard Paragraph” heading | 18px (lg) | Bold | Uppercase, tracking-widest | slate-900 |
| Hero intro paragraph | 16–20px (base–xl) | Light | — | slate-700 |
| Hero main headline | 2rem–4rem | Bold | Tracking-tighter | slate-900 |
| Section H2 (Services, Philosophy, etc.) | 4xl–5xl | Bold | Uppercase or tight | slate-900 |
| Services CTA “Let’s Talk” | 3xl | Bold | Uppercase, tracking-tight | white |
| Consultation H1 | 4xl–5xl | Normal | Uppercase, tracking-tighter | brand-rust |
| Consultation “Select Date & Time” | 18px (lg) | Bold | Uppercase, tracking-widest | brand-navy |
| Contact box name | xl | Bold | Uppercase, tracking-tight | white |
| Primary button | sm | Bold | Uppercase, tracking | white (on navy bg) |
| Secondary button | sm | Bold | Uppercase, tracking | slate-600 (border slate-400) |
| Mobile nav links | 2xl | Bold | Tracking-tighter | slate-900 (default) |
| Footer logo “Leadership” | 14px (sm) | Bold | Uppercase, tracking-tight | (default dark) |
| Footer “& Formation” | 14px (sm) | Light | — | slate-400 |
| AI chat header title | 14px (sm) | Bold | Uppercase, tracking-widest | brand-navy |
| Stats label (“Years of Formation”) | 10px | Bold | Uppercase, tracking-widest | slate-400 |
| Style guide H3 (Typography Scales, etc.) | 12px (xs) | Black | Uppercase, tracking 0.2em | (default, effectively slate-900) |
| Style guide color name | 12px (xs) | Bold | Uppercase, tracking-wider | slate-900 |
Crimson Pro (serif) + color
| Use | Size | Weight | Style | Color |
| Hero “Live for His glory” | Same as H1 | — | Italic | brand-rust |
| Hero blockquote | base–xl | — | Italic | brand-navy/70 |
| Style guide intro / design rationale | base–xl or xs | — | Italic | slate-700 or slate-600 |
| ServicesGrid card quote | 14px (sm) | — | Italic | slate-700 |
| Philosophy “Participation to ownership” | In H2 | — | Italic, lowercase | brand-rust |
| Philosophy rust box quote | base–lg | — | Italic | white |
| Philosophy rust box quote mark | 5xl | — | Italic | white |
| Philosophy “Pillar of Integrity” | 10px | Black | Uppercase, tracking-widest | white/40 |
| Footer logo “L” | 14px (sm) | — | Italic | white (on navy icon) |
| Consultation contact tagline | xs–sm | — | Italic | white/40 |
| GeminiAdvisor chat messages (user) | 14px (sm) | — | — | slate-900 or slate-700 |
| Style guide “Wisdom & Character” | 7xl | Light | Italic | brand-navy |
| Style guide card quote | 14px (sm) | — | Italic | slate-700 |
The site uses Tailwind’s default slate palette. The StyleGuide confirms Slate 900 #0F172A and Slate 400 #94A3B8; the rest are Tailwind’s standard slate values. Here are the shades used on the site with hex and sample text:
Slate shades used on this site
| Shade | Hex | Sample text |
| Slate 50 | #F8FAFC | Light background, subtle panels. |
| Slate 100 | #F1F5F9 | Borders, dividers, hover backgrounds. |
| Slate 200 | #E2E8F0 | Button borders, card borders. |
| Slate 300 | #CBD5E1 | Muted labels, secondary UI text. |
| Slate 400 | #94A3B8 | Secondary text, captions, placeholders. |
| Slate 600 | #475569 | Body text, links. |
| Slate 700 | #334155 | Paragraphs, emphasis text. |
| Slate 900 | #0F172A | Headings, primary text. |
Quick reference (copy-paste):
Slate 50: #F8FAFC
Slate 100: #F1F5F9
Slate 200: #E2E8F0
Slate 300: #CBD5E1
Slate 400: #94A3B8
Slate 600: #475569
Slate 700: #334155
Slate 900: #0F172A
Sample text by usage on the site:
- Slate 900 — Headlines: “Visual Standards”, “BOLD & DIRECT”, “The Architecture of a Man”
- Slate 700 — Body: “Inter is our structural foundation…”
- Slate 600 — Supporting copy: “We use heavyweight sans-serif…”
- Slate 400 — Labels/captions: “Design Rationale”, “Button Archetypes”, nav links
- Slate 300 — Very muted: “Sans-Serif: Inter”, small numerals like “01”
- Slate 100 — Thin borders and dividers
- Slate 50 — Soft backgrounds (e.g. “Design Rationale” box, icon tiles)
Slate 500 and 800 are not used in the current components; the scale above covers every slate shade that appears on the site.
- Primary / Navy: #16243E
- Secondary / Rust: #7C2D12
- Accent / Red: #991B1B
- Paper / Background: #FDFCFB
- Slate 900 (headings/primary text): #0F172A
- Slate 700 (body): #334155
- Slate 600 (supporting): #475569
- Slate 400 (muted/labels): #94A3B8
- Slate 300 (very muted): #CBD5E1
- Slate 200 (borders): #E2E8F0
- Slate 100 (light borders): #F1F5F9
- Slate 50 (subtle bg): #F8FAFC
Summary for Elementor
- Fonts: Inter (primary), Crimson Pro (serif for quotes, taglines, accents).
- Text colors: slate-300, slate-400, slate-600, slate-700, slate-900, white, white/40, brand-navy, brand-rust, brand-red.
- Patterns: 9–10px uppercase labels (bold/black) in slate-300 or slate-400; 10px uppercase in brand-navy for section labels; body in slate-700 (light/regular); headlines in slate-900 or white; serif italic for quotes and taglines in brand-rust, brand-navy/70, or white.
If you want, I can turn this into a one-page “Elementor style guide” with exact hex values and which Elementor fields to set (e.g. Global Fonts + Global Colors).
Summary for Elementor
- Fonts: Inter (primary), Crimson Pro (serif for quotes, taglines, accents).
- Text colors: slate-300, slate-400, slate-600, slate-700, slate-900, white, white/40, brand-navy, brand-rust, brand-red.
- Patterns: 9–10px uppercase labels (bold/black) in slate-300 or slate-400; 10px uppercase in brand-navy for section labels; body in slate-700 (light/regular); headlines in slate-900 or white; serif italic for quotes and taglines in brand-rust, brand-navy/70, or white.
If you want, I can turn this into a one-page “Elementor style guide” with exact hex values and which Elementor fields to set (e.g. Global Fonts + Global Colors).