Alara Brand Identity

A complete profile of Alara's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #2D3748
• secondary: #E8F4FD
• accent: #316ACE
• background: #FFFFFF
• textPrimary: #316ACE
• link: #316ACE

Typography

• primary: DM Sans — Google Fonts
• heading: Outfit — Google Fonts

Visual Assets

• Logo:
• Favicon: Favicon
• Social card (og:image):

UI Components

• input: background=transparent, textColor=#2D3748, borderColor=null, borderRadius=0px, shadow=none
• buttonPrimary: background=#316ACE, textColor=#FFFFFF, borderColor=#316ACE, borderRadius=6px, shadow=none
• buttonSecondary: background=#E8F4FD, textColor=#316ACE, borderColor=#316ACE, borderRadius=12px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: dental professionals

Alara Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• Dental Supply Deals vs Wholesale Pricing | Alara Dental | Alara Blog
  • Image:
  • Source: Dental Supply Deals vs Wholesale Pricing
• Dental Adhesive Systems Guide 2026 for Modern Practices | Alara Blog
  • Image:
  • Source: Dental Adhesive Systems Guide
• Best Dental Cavity Liners (2026): Top 7 Brands Compared | Alara Blog
  • Image:
  • Source: Best Dental Cavity Liners
• Zirconia Bonding Protocol: APC Concept and Clinical Guide | Alara Blog
  • Image:
  • Source: Zirconia Bonding Protocol
• Football Diamond Bur | The Complete Guide for Dentists | Alara Blog
  • Image:
  • Source: Football Diamond Bur Guide
• Best Esthetic Resin Cements: A Clinical Comparison | Alara Blog
  • Image:
  • Source: Best Esthetic Resin Cements Comparison

Working with these fonts

Not found on Google Fonts? Follow instructions if you have permission to use the fonts:

1. Open the company's homepage in a browser with DevTools open.
2. Filter by "Font" in the Network tab.
3. Hard-reload and navigate to different sections to capture fonts.
4. Save each font URL locally.
5. Copy @font-face declarations from the page's CSS and rewrite paths.

Optional programmatic method: Use Playwright or Puppeteer to load the URL, listen for font responses, and save them.

Only do this if you have permission to use the brand assets.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
  {
   "family": "DM Sans",
   "role": "body"
  },
  {
   "family": "Outfit",
   "role": "heading"
  },
  {
   "family": "Geist",
   "role": "unknown"
  }
 ],
 "colors": {
  "primary": "#2D3748",
  "secondary": "#E8F4FD",
  "accent": "#316ACE",
  "background": "#FFFFFF",
  "textPrimary": "#316ACE",
  "link": "#316ACE"
 },
 "typography": {
  "fontFamilies": {
   "primary": "DM Sans",
   "heading": "Outfit"
  },
  "fontStacks": {
   "heading": ["Outfit", "sans-serif"],
   "body": ["Geist"],
   "paragraph": ["DM Sans", "sans-serif"]
  },
  "fontSizes": {
   "h1": "48px",
   "h2": "32px",
   "body": "18px"
  }
 },
 "spacing": {
  "baseUnit": 8,
  "borderRadius": "4px"
 },
 "components": {
  "input": {
   "background": "transparent",
   "textColor": "#2D3748",
   "borderColor": null,
   "borderRadius": "0px",
   "shadow": "none"
  },
  "buttonPrimary": {
   "background": "#316ACE",
   "textColor": "#FFFFFF",
   "borderColor": "#316ACE",
   "borderRadius": "6px",
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#E8F4FD",
   "textColor": "#316ACE",
   "borderColor": "#316ACE",
   "borderRadius": "12px",
   "shadow": "none"
  }
 },
 "images": {
  "logo": "https://alaradental.com/_next/image?url=%2Fimages%2Falara-logo-white.png&w=256&q=75",
  "favicon": "https://alaradental.com/favicon.ico",
  "ogImage": "https://alaradental.com/images/alara_logo_meta.png",
  "logoHref": "/",
  "logoAlt": "Alara"
 },
 "personality": {
  "tone": "professional",
  "energy": "medium",
  "targetAudience": "dental professionals"
 },
 "designSystem": {
  "framework": "custom",
  "componentLibrary": ""
 }
}