Light fieldInk / Orange
Mark
Tab
Accent
Brand assets
A small, deliberate continuation.
The Tab mark is a single line continuing across the deliberate seam between a Suggestion and Acceptance.
Master mark
One form. One fitted seam.
Use the mark in one color. Preserve the seam, keep the outer terminals square, and let the surrounding field provide contrast.
Dark fieldWarm White / Orange
Mark
Tab
Accent
Downloads
Production assets
Standard SVG adapts with currentColor. PNG, WebP, and inverse dark files are transparent. JPG includes its light or dark background.
Standalone mark
24 x 24 source viewBox
Use when space is compact or the Tab name already appears nearby.
Tab lockup
64 x 24 source viewBox
Use for brand introductions, press material, and surfaces where the name should be explicit.
Color
Brand colors
The identity is monochrome first. Orange is an accent, not a requirement for recognition.
Tab Orange
--primary
#c83f00
Recognition accent and primary product actions
Ink
--foreground
#1a1c1a
Primary mark and wordmark on light surfaces
Canvas
--background
#f2f3f0
Warm-light brand field
Night
.dark --background
#171917
Dark brand field
Warm White
--primary-foreground
#fffaf7
Inverse mark and wordmark
Typography
A precise name, not a drawn wordmark.
The lockup uses title case Tab in Space Grotesk Bold. Its capital T balances the horizontal mark; the rounded counters keep the signature calm.
Display
Tab
Body
Writing should keep up with thinking.
Shortcut
Option+Tab
Usage
Keep the relationship intact.
Use
- Use one color with clear contrast.
- Keep the seam open and the horizontal edges aligned.
- Use at least 16px for the mark and 32px within interface lockups.
- Leave clear space equal to one quarter of the mark height.
Avoid
- Do not close, widen, or decorate the seam.
- Do not add an enclosing tile, outline, gradient, glow, or shadow.
- Do not rotate, stretch, or rearrange the two forms.
- Do not combine the mark with AI, cloud, or security symbols.
Tab
Questions about brand use: tab@cueva.io