Skip to content

Brand

One mark, three products.

Download the Tenslo mark, icons and brand files.

Download the markAll files
The Tenslo mark

The mark.

Two cells and one unbroken column form the T.

  • Use the supplied SVG for exact proportions.
  • Below 16px, use the same mark.
  • Align the mark with the wordmark cap height.

Construction

Canvas
100
Cell
19
Gap
3.5
Span
64
Origin
18
Corner radius
3.2 cells · 3.6 column

Clear space

Leave one cell of clear space on every side.

The app icon.

The icon uses a superellipse plate.

824

Superellipse, n = 5 Circular corner, for comparison

Canvas
1024
Plate
824
Curve
|x|⁵ + |y|⁵ = 1
Plate colour
#0f0f11
Tenslo

#e8e8ea

Tenslo Code

#5b8cff

Tenslo Bot

#3fb8d4

Tenslo Chat

#9b7cff

The family.

One mark, one hue per product.

  • Tenslo Code
    Tenslo Code#5b8cff
  • Tenslo Bot
    Tenslo Bot#3fb8d4
  • Tenslo Chat
    Tenslo Chat#9b7cff

A product’s hue appears only where that product is named or shown: its icon, its cell, and the light it sits on. The Tenslo company icon carries no hue: the mark in the text colour on the plate.

Colour.

Use the brand colour tokens.

Neutrals

Dark neutrals.

  • --bg#0a0a0b

    The page

  • --plate#0f0f11

    Surfaces and icon plates

  • --fg#e8e8ea

    Text and Tenslo wordmark

  • --muted#8a8a92

    Secondary text and product names

  • --subtle#4e4e56

    Quiet marks and rules

  • --line7% white

    Dividers

The family

One hue per product.

  • --code#5b8cff

    Tenslo Code

  • --bot#3fb8d4

    Tenslo Bot

  • --chat#9b7cff

    Tenslo Chat

Status

Each means one thing.

  • --done#3ab37c

    Agent done

  • --needs#d9a021

    Needs input

Type.

Inter and Cascadia Mono PL.

InterInterface and display · 500 and 600

Hand off the work. Keep the judgment.

Sentence case and short sentences.

Cascadia Mono PLTerminals and code

~/atlas git worktree list
main           0a91f3c
review-panel   7c2e0d4

For code and product UI.

Downloads.

Download SVG files.

  • Tenslo mark

    Light mark for dark backgrounds.

    tenslo-mark.svg

    Download

  • Tenslo mark, dark

    Dark mark for light backgrounds.

    tenslo-mark-dark.svg

    Download

  • Tenslo company icon

    Neutral mark on the icon plate.

    tenslo-icon.svg

    Download

  • Tenslo Code app icon

    Code mark on the icon plate.

    tenslo-code-icon.svg

    Download

  • Tenslo Bot icon

    Bot mark on the icon plate.

    tenslo-bot-icon.svg

    Download

  • Tenslo Chat icon

    Chat mark on the icon plate.

    tenslo-chat-icon.svg

    Download

Square plates, 100 × 100, for places that round their own corners: Company, Code, Bot, Chat.

Don't.

Keep the mark recognisable.

  • Keep the column whole.

  • No outline, shadow or gradient.

  • Keep the clear space empty.

Using the mark somewhere?

Ask us about using the mark.

Email usAbout Tenslo