Materee Brand Identity

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

Color Palette

Brand palette extracted from https://materee.id.

• primary
  • Hex: #F37021
  • RGB: rgb(243, 112, 33)
• secondary
  • Hex: #FF4D4F
  • RGB: rgb(255, 77, 79)
• accent
  • Hex: #F37021
  • RGB: rgb(243, 112, 33)
• background
  • Hex: #FFFFFF
  • RGB: rgb(255, 255, 255)
• textPrimary
  • Hex: #262626
  • RGB: rgb(38, 38, 38)
• link
  • Hex: #FF974D
  • RGB: rgb(255, 151, 77)

Typography

Each font links to its Google Fonts page where available.

• primary: Roboto
  Roboto Google Fonts →
• heading: Roboto
  Roboto Google Fonts →

Visual Assets

UI Components

Live previews rendered using Materee's actual button styles.

Input

• Background: #FFFFFF
• Text Color: #262626
• Border Color: null
• Border Radius: 4px
• Shadow: none

Button Primary

• Background: #F37021
• Text Color: #FFFFFF
• Border Color: #F37021
• Border Radius: 4px
• Shadow: rgba(0, 0, 0, 0.043) 0px 2px 0px 0px

Button Secondary

• Background: #FFFFFF
• Text Color: #262626
• Border Color: #D9D9D9
• Border Radius: 4px
• Shadow: rgba(0, 0, 0, 0.016) 0px 2px 0px 0px

Brand Personality

Tone: modern
Energy: medium
Audience: young professionals and tech-savvy individuals

Materee Brand in the Wild

Source: materee.id

Source: materee.id

Source: materee.id

Source: linkedin.com

Source: webcatalog.io

Source: tracxn.com

Frequently Asked Questions

• What is Materee's primary brand color?
  Materee's primary brand color is #F37021.

• What font does Materee use?
  Materee uses Roboto as the primary typeface across body and headings.

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

• Where can I find Materee's logo?
  Materee's logo is available directly on their site (https://materee.id). The current logo URL is included in the machine-readable JSON profile linked above.

• How was this brand profile generated?
  This profile was extracted from https://materee.id using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://materee.id on 2026-07-27 using the Firecrawl branding extraction API.