Sign in

Brand

Graphics & logos

When you need the official TurboPanel logo for a website or publication, use one of the downloads below. Please use logos in accordance with these guidelines.

Downloads

TurboPanel logos

Vector SVG is preferred. PNG sizes are provided for places that need a raster file. White and mono SVGs are for dark and single-color contexts.

Color

Brand colors

The mark pairs TurboPanel green (acceleration) with blue (the T). Keep both when using the color logo.

  • Blue

    #3366CC

    Primary brand — links, CTAs, docs chrome, T stem and bar

    --tp-blue / --tp-accent / colors.blue

  • Green

    #3DD68C

    Secondary accent — HA / live / acceleration bars

    --tp-green / colors.green

  • Slate (mono)

    #0F172A

    Single-color mark on light backgrounds

    near --tp-text (light)

  • White

    #FFFFFF

    Single-color mark on dark or photographic backgrounds

    —

Usage

Clear space & sizing

Give the mark room to breathe and keep it legible at small sizes.

Clear space

Keep empty space around the mark at least as tall as the green acceleration bars. Do not let other logos, type, or UI chrome collide with that margin.

Minimum size

Standard mark: at least 24px tall on screen, 0.5" in print. Square mark: at least 24×24px on screen. Prefer SVG whenever possible.

Wordmark

In prose the product name is one word with a capital T and P: TurboPanel— never “Turbo Panel”, “turboPanel”, or “TP Panel”. In site chrome, the T mark locks up horizontally with an upright TurboPanel wordmark in Plus Jakarta Sans. The mark may appear alone when space is tight.

Don't

Incorrect use

These patterns weaken recognition and break the dual-brand system.

  • Do not stretch, skew, or rotate the mark.
  • Do not recolor the dual-brand mark except by using the provided white or mono variants.
  • Do not add outlines, drop shadows, gradients, or glow effects to the mark.
  • Do not place the color mark on busy photography without a clear solid or soft backing.
  • Do not lock up the mark with other logos closer than the clear-space rule below.
  • Do not use outdated “TP” letter tiles as the product logo.

Questions about trademark use or partnership lockups can go through the usual TurboPanel contact channels. Product UI tokens stay in ui/src/lib/theme.ts; marketing tokens in website/src/app/globals.css.