Brand

Design & brand assets

The Lifo logo, avatar, wordmark, and colors. Please keep the mark intact and use the colors below. Assets are MIT-licensed like the rest of Lifo.

Logo

The mark

A terminal prompt — a green chevron and cursor block. It reads on both light and dark backgrounds.

Avatar

Social avatar

A full-bleed variant that stays clean under a circular crop (profile pictures, app stores).

Wordmark

Lockup

Lifo

The wordmark is set in the UI sans, bold, in Tokyo Night blue, with the mark to its left at matching height.

Cover

Social cover

A simple 1200×630 cover — the wordmark on the Tokyo Night background. Handy for repo social previews and slides.

Lifo cover

Colors

Palette

Lifo uses the Tokyo Night palette. Green (#9ece6a) is the primary accent; blue (#7aa2f7) is secondary.

Green
#9ece6a
tokyo-green
Blue
#7aa2f7
tokyo-blue
Cyan
#7dcfff
tokyo-cyan
Magenta
#bb9af7
tokyo-magenta
Yellow
#e0af68
tokyo-yellow
Orange
#ff9e64
tokyo-orange
Red
#f7768e
tokyo-red
Foreground
#a9b1d6
tokyo-fg
Comment
#565f89
tokyo-comment
Border
#292e42
tokyo-border
Background
#1a1b26
tokyo-bg
Background dark
#16161e
tokyo-bg-dark

Usage

Guidelines

Do

  • Keep the rounded-square border and clear space around the mark.
  • Use the SVG where possible; the PNG for fixed-size raster needs.
  • Use the avatar variant for anything cropped to a circle.

Don't

  • Don't recolor, stretch, rotate, or add effects to the mark.
  • Don't place the mark on a low-contrast background.
  • Don't imply endorsement or an official partnership.