Brand

Fonia Labs Brand Kit

The visual system behind Fonia Labs — built around the O-core origin mark.

Use these assets and guidelines to represent Fonia Labs and its companies consistently across products, sites, and materials.

The O-Core

The origin where ideas begin.

The O-core represents the origin point — the center from which ideas are formed, refined, and grown into companies. Rotating rings surround a stable, glowing core: motion on the outside, a constant origin at the center.

Logo System

Marks & lockups.

The full lockup pairs the O-core with the Fonia wordmark and a spaced LABS sub-line. The mark can also stand alone.

FoniaLABS

Primary Logo

fonia-labs-logo.svg

Download

Light Logo (on dark)

fonia-labs-logo-light.svg

Download

Dark Logo (on light)

fonia-labs-logo-dark.svg

Download

Icon / Mark

fonia-labs-mark.svg

Download

Endorsement Badges

Badges for companies & products.

Every company and product in the ecosystem carries a consistent badge.

A Fonia Labs Company

A Fonia Labs Product

Part of the Fonia Labs Ecosystem

Company Badge

a-fonia-labs-company.svg

Download

Product Badge

a-fonia-labs-product.svg

Download

Social / OG Image

fonia-labs-og.svg

Download

Color

Palette.

Background

#0B1120

Primary Blue

#2563EB

Accent Cyan

#38BDF8

Text

#F8FAFC

Muted

#6B7280

Typography

Poppins.

Clean, modern, and professional. Bold / SemiBold / Medium / Regular.

The quick brown fox builds companies. 0123456789

Usage

Do & don't.

Do

Keep clear space around the mark equal to the height of the core.
Use the light logo on dark backgrounds and the dark logo on light backgrounds.
Let the core stay the brightest point in the mark.
Pair the wordmark with Poppins for supporting type.

Don't

Don't recolor the core away from the blue–cyan origin glow.
Don't stretch, rotate, or distort the lockup.
Don't add robot heads, brains, flasks, or AI-only motifs.
Don't place the light logo on light backgrounds (or vice versa).

Site Badge

Add the Fonia Labs badge to your site.

Every company and product under Fonia Labs can display this badge. It adapts to any background and requires one line of code.

Dark surface

A Fonia Labs CompanyFoniaLABS

Light surface

A Fonia Labs CompanyFoniaLABS

JS EmbedOne line — auto-detects dark/light, supports floating or inline placement

<!-- Floating badge (bottom-right corner) -->
<script src="https://fonia-labs.vercel.app/embed/fonia-badge.js"></script>

<!-- Bottom-left corner -->
<script src="https://fonia-labs.vercel.app/embed/fonia-badge.js"
        data-position="bottom-left"></script>

<!-- Inline in your footer (renders in place) -->
<script src="https://fonia-labs.vercel.app/embed/fonia-badge.js"
        data-position="inline"
        data-theme="dark"></script>

HTML OnlyNo JavaScript required — paste the full snippet from the file below

<!-- Download and reference the full snippet:
     https://fonia-labs.vercel.app/embed/fonia-badge-inline.html

     Then add to your footer:
-->
<a href="https://fonia-labs.vercel.app"
   class="fonia-badge"
   target="_blank" rel="noopener noreferrer">
  <!-- SVG + text from the snippet file -->
</a>

data-position="bottom-right"Floating — bottom-right corner (default)

data-position="bottom-left"Floating — bottom-left corner

data-position="inline"Renders where the script tag is placed

data-theme="auto"Follows system dark/light preference (default)

data-theme="dark"Always dark pill — for light-themed sites

data-theme="light"Always light pill — for dark-themed sites

Build with the Fonia Labs identity.

Explore the ecosystem or partner with a company under Fonia Labs.

View Companies Collaborate