2Fifteen Tech

2Fifteen Tech is a technology company building AI platforms and managed IT services. Our products are built with React, Tailwind CSS, and shadcn/ui, deployed on Cloudflare Workers.

This site documents our brand identity — logos, colors, typography, and the component library that powers our interfaces.

Logo Usage

Our logo comes in three variants for different contexts.

Light Background

Primary logo for light surfaces

2Fifteen Tech logo for light backgrounds

Dark Background

Inverted logo for dark surfaces

2Fifteen Tech logo for dark backgrounds

Icon Only

Favicons, avatars, compact spaces

2Fifteen icon

Guidelines

  • Maintain a minimum clear space equal to the height of the "2" in the logo.
  • Do not display the logo smaller than 24px in height.
  • Do not stretch, rotate, recolor, or add effects to the logo.
  • Use the light variant on dark backgrounds and the dark variant on light backgrounds.

Typography

We use Geist as our primary typeface with Inter as a system fallback.

Font Weights

Regular (400)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Medium (500)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

SemiBold (600)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Bold (700)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Type Scale

text-4xl font-boldThe quick brown fox jumps over the lazy dog
text-3xl font-boldThe quick brown fox jumps over the lazy dog
text-2xl font-semiboldThe quick brown fox jumps over the lazy dog
text-xl font-semiboldThe quick brown fox jumps over the lazy dog
text-lg font-mediumThe quick brown fox jumps over the lazy dog
text-base font-mediumThe quick brown fox jumps over the lazy dog
text-baseThe quick brown fox jumps over the lazy dog
text-smThe quick brown fox jumps over the lazy dog

Monospace

Geist Mono — used for code snippets and technical content.

const brand = {
  name: "2Fifteen Tech",
  colors: ["#77B8E0", "#F5C543", "#DD3A94", "#3A3A3A"],
  font: "Geist",
};

Color Palette

Click any swatch to copy its hex value to your clipboard.

Component Library

Live demos of our shadcn/ui component library.

Variants

Sizes

States