Brand Assets.
Official visual assets for Kryft. We design interfaces using rigid alignments, high contrast, and structured typography.
Logo & Mark
Our logo uses the Tanker display typeface and represents the core command characters /<.
Logo Transparent (Dark Paths)
Use on light backgrounds. Transparent canvas.
Logo Dark (Dark Background)
Solid #09090b square with #fafafa paths.
Logo Light (Light Background)
Solid #fafafa square with #09090b paths.
Favicon
Rounded-corner square for browser tabs and icons.
Color System
Zinc Black
Primary background, primary text on light themes.
Off-White
Primary page background, light asset backgrounds.
Muted Zinc
Subtle borders, descriptions, and secondary metadata text.
Pure White
High-contrast text on dark backgrounds, selection states.
Translucent Glass
System cards background. White-glass in light mode, dark-glass in dark mode, utilizing backdrop blur.
Typography
Tanker Regular
Brand Mark & Display Accent
/<. A B C D E F G
We use this font only for logo marks and minimalist visual labels.
Noto Serif Bold
Headings & Section Titles
Systems engineering.
Our primary heading font. A high-contrast serif typeface designed to make technical copy readable.
Noto Sans Regular
Body Prose & Monospace Metas
Simple database schemas and lightweight services survive under production loads.
Designed for legibility. Clean geometric structures built to display dense information without visual noise.
Asset Usage
Correct Use
- Keep sufficient clear padding around the logo.
- Contrast appropriately with backgrounds using the correct dark/light variants.
- Prefer SVG formats for scaling responsive web graphics.
Incorrect Use
- Do not stretch, skew, or rotate the logo components.
- Do not apply complex dropshadows or outline glows.
- Do not recolor elements outside the approved brand palette.