Alkali Brand Identity

A complete profile of Alkali's visual system — colors, typography, components, and personality — extracted from https://alkali.engineering. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://alkali.engineering.

• primary: #C3CFDF (rgb(195, 207, 223))
• secondary: #597AA6 (rgb(89, 122, 166))
• accent: #2D5286 (rgb(45, 82, 134))
• background: #F2F5F8 (rgb(242, 245, 248))
• textPrimary: #2D5286 (rgb(45, 82, 134))
• link: #2D5286 (rgb(45, 82, 134))

Typography

Each font links to its Google Fonts page where available.

• primary: Segoe UI (Segoe UI Google Fonts →)
• heading: Segoe UI (Segoe UI Google Fonts →)

Visual Assets

Favicon

Social Card

UI Components

Live previews rendered using Alkali's actual button styles.

• Input
  background: transparent
  textColor: #2D5286
  borderColor: #CDD7E4
  borderRadius: 10px
  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.05) 0px 1px 2px 0px

• Button Primary
  background: #2D5286
  textColor: #FFFFFF
  borderRadius: 8px
  shadow: rgba(45, 82, 134, 0.3) 0px 2px 8px 0px

• Button Secondary
  background: #F9FAFB
  textColor: #2D5286
  borderColor: #C3CFDF
  borderRadius: 8px
  shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: engineering professionals

Alkali Brand in the Wild

Image: alkali.engineering
Source: alkali.engineering

Image: alkali.engineering
Source: alkali.engineering

Image: alkali.engineering
Source: alkali.engineering

Image: alkali.engineering
Source: alkali.engineering

Image: alkali.engineering
Source: alkali.engineering

Image: alkali.engineering
Source: alkali.engineering

Frequently Asked Questions

• What is Alkali's primary brand color?
  Alkali's primary brand color is #C3CFDF. It anchors the visual identity across their website, product UI, and marketing materials.

• What accent color does Alkali use?
  Alkali uses #2D5286 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

• What font does Alkali use?
  Alkali uses Segoe UI as the primary typeface across body and headings.

• Does Alkali use a light or dark theme?
  Alkali's primary site uses a light color scheme, with a background of #F2F5F8.

• How was this brand profile generated?
  This profile was extracted from https://alkali.engineering using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Alkali.