Linguolink Brand Guidelines

Keep the Linguolink identity consistent across product surfaces. These guidelines cover naming, layout, monochrome logo usage, and recommended color tokens.

Monochrome preferredKeep clear spaceUse currentColor

Download

Lightweight brand assets used across this project.

Preview

Wordmark and icon render in monochrome. They should inherit `currentColor`.

// Wordmark (monochrome)
<BrandLogoDark className="text-foreground" height={21} width={100} />

// Logo icon (monochrome)
<BrandLogoIconDark className="text-foreground" height={40} width={40} />

Naming

“Linguolink” is a single word. Use “Linguolink” consistently as the brand name for both the product and the company.

When you refer to releases, keep the release title as a proper noun and keep the rest of the sentence lowercase (unless grammar requires otherwise).

Usage

Provide plenty of space around Linguolink assets. Make them large or small, but avoid tight packing that makes them feel cramped or cluttered.

  • Use monochrome (single color) unless you have explicit permission.
  • Avoid stretching, skewing, or adding outlines/shadows to the wordmark.
  • Do not combine the mark with other logos in a misleading way.

Wordmark

The wordmark is meant for brand references where the full name fits comfortably. Prefer monochrome usage and ensure strong contrast with the background.

Icon

The icon is intended for compact layouts (favicons, small UI badges, corners, and grid-only spaces). Keep the icon monochrome and avoid changing its geometry.

Colors

Recommended tokens based on the default Zinc theme swatches.

Background

Primary canvas/background color used for light theme layouts.

Light

#fafafa

Dark

#18181b

Foreground

Default text/foreground color for readable contrast.

Light

#18181b

Dark

#fafafa

Muted

Secondary text and subtle UI elements.

Light

#71717a

Dark

#71717a

Border

Hairline dividers and component boundaries.

Light

#e4e4e7

Dark

#27272a

Product & features

When listing areas of the product, use consistent category names across the site and documentation.

Product

  • Projects
  • Translations
  • Shipping workflows
  • Integrations
  • Reports & status

Features

  • Workflow-first localization
  • Developer-friendly key structure
  • AI-assisted translation options
  • Bulk edits and change history
  • Organization-scoped governance
This page is structured for clarity and consistency; always follow current internal brand approvals for any exception.