Nyckel Brand Identity

A complete profile of Nyckel's visual system — colors, typography, components, and personality — extracted from https://www.nyckel.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.nyckel.com.

• primary:

  • Hex: #64748B
  • RGB: rgb(100, 116, 139)

• secondary:

  • Hex: #1A1A2E
  • RGB: rgb(26, 26, 46)

• accent:

  • Hex: #1E5C97
  • RGB: rgb(30, 92, 151)

• background:

  • Hex: #FFFFFF
  • RGB: rgb(255, 255, 255)

• textPrimary:

  • Hex: #303030
  • RGB: rgb(48, 48, 48)

• link:

  • Hex: #1E5C97
  • RGB: rgb(30, 92, 151)

Typography

Each font links to its Google Fonts page where available.

• primary: Jost
• heading: Jost
  Google Fonts →

Visual Assets

Favicon

Social Card

UI Components

Live previews rendered using Nyckel's actual button styles.

• Button Primary
  background: #1E5C97
  textColor: #FFFFFF
  borderRadius: 9999px
  shadow: rgba(30, 92, 151, 0.22) 0px 6px 18px 0px

• Button Secondary
  background: #E7A83D
  textColor: #FFFFFF
  borderRadius: 30px
  shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: businesses and developers

Nyckel Brand in the Wild

Image Source: nyckel.com

Image Source: nyckel.com

Image Source: nyckel.com

Image Source: nyckel.com

Image Source: nyckel.com

Image Source: nyckel.com

Frequently Asked Questions

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

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

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

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

• How was this brand profile generated?
  This profile was extracted from https://www.nyckel.com 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 Nyckel.