Lago Brand Identity

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

Quick Facts

Color Palette

• primary: #006CFA
• accent: #006CFA
• background: #83868B
• textPrimary: #83868B
• link: #131923

Typography

• primary: GT America — View on Google Fonts
• heading: GT America — View on Google Fonts

Visual Assets

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

UI Components

• input: background=#FCFCFC, textColor=#000000, borderColor=#CECECE, borderRadius=8px, shadow=none
• buttonPrimary: background=#006CFA, textColor=#EEEEEE, borderRadius=8px, shadow=none
• buttonSecondary: background=#FCFCFC, textColor=#000000, borderColor=#CECECE, borderRadius=8px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px

Brand Personality

Tone: modern · Energy: medium · Audience: developers and tech companies

Lago Brand in the Wild

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

• Lago Blog | How soon should you have a design system?
  • Image:
  • Source: Read More
• Lago Blog | Insights on Billing, Pricing & Growth
  • Image:
  • Source: Read More
• Lago Blog | How soon should you have a design system?
  • Image:
  • Source: Read More
• Lago Blog | Insights on Billing, Pricing & Growth
  • Image:
  • Source: Read More
• Lago Blog | 8 SaaS usage-based pricing examples from successful SaaS companies
  • Image:
  • Source: Read More
• Lago Blog | Insights on Billing, Pricing & Growth
  • Image:
  • Source: Read More

Working with these fonts

Not found on Google Fonts? Follow this flow:

1. Open the company's homepage in a browser with DevTools open.
2. Filter by "Font" in the Network tab.
3. Hard-reload the page to capture font URLs.
4. Save the font files locally.
5. Copy the matching @font-face declarations from the CSS.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
 {
 "family": "GT America",
 "role": "body"
 }
],
 "colors": {
 "primary": "#006CFA",
 "accent": "#006CFA",
 "background": "#83868B",
 "textPrimary": "#83868B",
 "link": "#131923"
 },
 "typography": {
 "fontFamilies": {
 "primary": "GT America",
 "heading": "GT America"
 },
 "fontStacks": {
 "heading": [
 "gtAmerica",
 "gtAmerica Fallback"
 ],
 "body": [
 "ui-sans-serif",
 "system-ui",
 "sans-serif",
 "Apple Color Emoji",
 "Segoe UI Emoji",
 "Segoe UI Symbol",
 "Noto Color Emoji"
 ],
 "paragraph": [
 "gtAmerica",
 "gtAmerica Fallback"
 ]
 },
 "fontSizes": {
 "h1": "64px",
 "h2": "64px",
 "body": "14px"
 }
 },
 "spacing": {
 "baseUnit": 8,
 "borderRadius": "8px"
 },
 "components": {
 "input": {
 "background": "#FCFCFC",
 "textColor": "#000000",
 "borderColor": "#CECECE",
 "borderRadius": "8px",
 "borderRadiusCorners": {
 "topLeft": "8px",
 "topRight": "8px",
 "bottomRight": "8px",
 "bottomLeft": "8px"
 },
 "shadow": "none"
 },
 "buttonPrimary": {
 "background": "#006CFA",
 "textColor": "#EEEEEE",
 "borderRadius": "8px",
 "borderRadiusCorners": {
 "topLeft": "8px",
 "topRight": "8px",
 "bottomRight": "8px",
 "bottomLeft": "8px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#FCFCFC",
 "textColor": "#000000",
 "borderColor": "#CECECE",
 "borderRadius": "8px",
 "borderRadiusCorners": {
 "topLeft": "8px",
 "topRight": "8px",
 "bottomRight": "8px",
 "bottomLeft": "8px"
 },
 "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px"
 }
 },
 "images": {
 "logo": "https://getlago.com/logo.svg",
 "favicon": "https://getlago.com/favicon/apple-touch-icon.png",
 "ogImage": "https://getlago.com/og/og-home.png",
 "logoHref": "/",
 "logoAlt": "Getlago"
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "developers and tech companies"
 },
 "designSystem": {
 "framework": "tailwind",
 "componentLibrary": ""
 }
}