1code (21st.dev) Brand Identity

A complete profile of 1code (21st.dev)'s visual system — colors, typography, components, and personality — extracted from https://1code.dev.

Primary

#FDE3E3

Accent

#85E5C2

Body Font

GeistSans

Heading

Geist

Color Palette

Brand palette extracted from https://1code.dev.

• primary: #FDE3E3 (rgb(253, 227, 227))
• secondary: #008FE9 (rgb(0, 143, 233))
• accent: #85E5C2 (rgb(133, 229, 194))
• background: #FFFFFF (rgb(255, 255, 255))
• textPrimary: #09090B (rgb(9, 9, 11))
• link: #85E5C2 (rgb(133, 229, 194))

Typography

Each font links to its Google Fonts page where available.

• primary font: GeistSans (Google Fonts →)
• heading font: Geist (Google Fonts →)

Geist, ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace

Visual Assets

%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Button Primary

• background: #FFFFFF
• textColor: #FFFFFF
• borderColor: #FFFFFF
• borderRadius: 9999px
• shadow: none

Button Secondary

• background: transparent
• textColor: #FFFFFF
• borderColor: #FFFFFF
• borderRadius: 10px
• shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: developers and tech enthusiasts

Frequently Asked Questions

What is 1code (21st.dev)'s primary brand color?

1code (21st.dev)'s primary brand color is #FDE3E3. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does 1code (21st.dev) use?

1code (21st.dev) uses #85E5C2 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does 1code (21st.dev) use?

1code (21st.dev) uses GeistSans for body text and Geist for headings. Fonts were detected on https://1code.dev as part of their live design system.

Does 1code (21st.dev) use a light or dark theme?

1code (21st.dev)'s primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find 1code (21st.dev)'s logo?

1code (21st.dev)'s logo is available directly on their site (https://1code.dev). 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://1code.dev using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.