Adaptive Brand Identity

A complete profile of Adaptive's visual system — colors, typography, components, and personality — extracted from Adaptive. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from Adaptive.

• primary: #132B1D
• rgb(19, 43, 29)
• secondary: #235C42
• rgb(35, 92, 66)
• accent: #73C75C
• rgb(115, 199, 92)
• background: #FFFFFF
• rgb(255, 255, 255)
• textPrimary: #1B3726
• rgb(27, 55, 38)
• link: #1B3726
• rgb(27, 55, 38)

Typography

Each font links to its Google Fonts page where available.

• primary: Figtree Google Fonts →
• heading: Figtree Google Fonts →
• Figtree, sans-serif

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Adaptive's actual button styles.

Input

• background: #1B3726
• textColor: #F2F2F2
• borderColor: #2B503A
• borderRadius: 10px
• shadow: none

Button Primary

• background: #73C75C
• textColor: #132B1D
• borderRadius: 10px
• shadow: none

Button Secondary

• background: #FFFFFF
• textColor: #235C42
• borderRadius: 12px
• shadow: 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 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px

Brand Personality

• Tone: professional
• Energy: medium
• Audience: construction industry professionals

Adaptive Brand in the Wild

Image: cdn.prod.website-files.com

Image: cdn.sanity.io

Image: adaptive.build

Image: cdn.sanity.io

Image: adaptive.build

Image: cdn.sanity.io

Frequently Asked Questions

1. What is Adaptive's primary brand color?
   Adaptive's primary brand color is #132B1D. It anchors the visual identity across their website, product UI, and marketing materials.

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

3. What font does Adaptive use?
   Adaptive uses Figtree as the primary typeface across body and headings.

4. Does Adaptive use a light or dark theme?
   Adaptive's primary site uses a light color scheme, with a background of #FFFFFF.

5. Where can I find Adaptive's logo?
   Adaptive's logo is available directly on their site (link).

6. How was this brand profile generated?
   This profile was extracted from Adaptive using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.