Blyss Brand Identity

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

Color Palette

Brand palette extracted from https://blyss.dev/.

• Primary: #131C2E
  rgb(19, 28, 46)
• Secondary: #94A3B8
  rgb(148, 163, 184)
• Accent: #0F172A
  rgb(15, 23, 42)
• Background: #0F172A
  rgb(15, 23, 42)
• Text Primary: #0F172A
  rgb(15, 23, 42)
• Link: #0F172A
  rgb(15, 23, 42)

Typography

Each font links to its Google Fonts page where available.

• Primary: Inter
  Google Fonts →
• Heading: Inter
  Google Fonts →

Visual Assets

Logo

Favicon

UI Components

Live previews rendered using Blyss's actual button styles.

• Button Primary:
  Background: #0F172A
  Text Color: #CBD5E1
  Border Radius: 9999px
  Shadow: none

• Button Secondary:
  Background: transparent
  Text Color: #CBD5E1
  Border Radius: 9999px
  Shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: tech-savvy professionals

Frequently Asked Questions

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

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

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

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

5. How was this brand profile generated?
   This profile was extracted from https://blyss.dev/ using the Firecrawl branding extraction API as of 2026-07-27. It is not affiliated with or endorsed by Blyss.