TriStar

Media kit

Everything you need to feature TriStar Studio: our logos, colours and typefaces.

Logos

The mark on its own or with the name, in three versions depending on the background.

  • Mark · Light background

    Mark · Light background

    SVGPNG
  • Mark · Dark background

    Mark · Dark background

    SVGPNG
  • Mark · Blue background

    Mark · Blue background

    SVGPNG
  • Mark and name · Light background

    Mark and name · Light background

    SVGPNG
  • Mark and name · Dark background

    Mark and name · Dark background

    SVGPNG
  • Mark and name · Blue background

    Mark and name · Blue background

    SVGPNG

Usage

  • Keep clear space around the logo at least as wide as one star.
  • Minimum size: 24 px tall for the mark, 96 px wide for the mark and name.
  • Don't change the logo's colours.
  • Don't stretch the logo or add effects (shadow, outline, gradient).

Colours

Our colours are defined in OKLCH. HEX and RGB values are derived from them.

  • TriStar blue

    #1447e6
    rgb(20, 71, 230)
    oklch(0.488 0.243 264.376)

  • Ink

    #081123
    rgb(8, 17, 35)
    oklch(0.18 0.04 264)

  • Background

    #f9fafc
    rgb(249, 250, 252)
    oklch(0.985 0.003 264)

  • Surface

    #fbfcfd
    rgb(251, 252, 253)
    oklch(0.99 0.002 264)

  • Cream

    #f5f2ed
    rgb(245, 242, 237)
    oklch(0.963 0.008 84)

  • Secondary text

    #5d636f
    rgb(93, 99, 111)
    oklch(0.5 0.02 264)

Typefaces

Three free families under the SIL Open Font License.

  • Headings · Outfit · Weights 100–900

    Conçu pour les entreprises qui veulent prendre les devants.

    SIL Open Font License 1.1 · Download

  • Body text · Inter · Weights 100–900

    Nous concevons des sites, des plateformes et des automatisations sur mesure.

    SIL Open Font License 1.1 · Download

  • Code and figures · Geist Mono · Weights 100–900

    const studio = "TriStar";

    SIL Open Font License 1.1 · Download