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

Downloadable SVGs are ink-tight (no embedded pad). Keep empty space around the mark at least as tall as the green acceleration bars — apply that margin in layout, not by editing the file. 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 supplies the leading T and the urboPanel wordmark tucks under the blue crossbar in Plus Jakarta Sans ExtraBold Italic (weight 800, native italic plus light CSS skew to the T’s ~22° lean; baseline aligned to the T stem tip). Never render “TurboPanel” beside the mark. 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 set the full word “TurboPanel” next to the T mark — the mark is the T; visible wordmark letters are “urboPanel”.
  • Do not use outdated “TP” letter tiles as the product logo.

Open-source licenses do not grant trademark rights. Questions about trademark use or partnership lockups can go through the usual TurboPanel contact channels. Policy: Open source. Product UI tokens stay in ui/src/lib/theme.ts; marketing tokens in website/src/app/globals.css.