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
Dark Background
Inverted logo for dark surfaces
Icon Only
Favicons, avatars, compact spaces
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
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Type Scale
text-4xl font-boldThe quick brown fox jumps over the lazy dogtext-3xl font-boldThe quick brown fox jumps over the lazy dogtext-2xl font-semiboldThe quick brown fox jumps over the lazy dogtext-xl font-semiboldThe quick brown fox jumps over the lazy dogtext-lg font-mediumThe quick brown fox jumps over the lazy dogtext-base font-mediumThe quick brown fox jumps over the lazy dogtext-baseThe quick brown fox jumps over the lazy dogtext-smThe quick brown fox jumps over the lazy dogMonospace
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.