Internal Document
Brand Guidelines
This document outlines the visual identity standards for US Input Company. Consistency in application ensures brand recognition and professional presentation.
01
Logo
PRIMARY — DARK ON LIGHT
Use on white or light backgrounds. Primary application.
INVERTED — LIGHT ON DARK
Use mark only on dark backgrounds for best legibility.
MARK — DARK
Three vertical bars inspired by the American flag.
MARK — LIGHT
For use on dark backgrounds.
MARK — ACCENT
Full brand colors on neutral backgrounds.
CLEAR SPACE & MINIMUM SIZE
Clear Space
Maintain a minimum clear space around the logo equal to the height of the "U" character. This ensures legibility and visual impact.
Minimum Size
Full logo: 120px width minimum for digital, 30mm for print.
Mark only: 24px minimum for digital, 8mm for print.
02
Color Palette
Future Use
--
USAGE RULES
- Primary navy is used for interactive elements, links, and emphasis.
- Accent red is used sparingly for highlights and secondary accents only.
- Never use gradients. All colors should be flat and solid.
- Maintain WCAG AA contrast ratios at minimum for all text.
03
Typography
PRIMARY — INTER
Aa Bb Cc Dd Ee
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Usage
Headlines, body copy, descriptions, and general content. This is the default typeface for all readable text.
SECONDARY — JETBRAINS MONO
Aa Bb Cc Dd Ee
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Usage
Section labels, technical content, code, data, form labels, button text, and navigation elements.
TYPE SCALE
04
UI Elements
BUTTONS
Specifications
- Font: JetBrains Mono, text-xs, tracking-wider
- Border radius: 0 (sharp corners only)
- Primary uses bg-primary with white text
BORDERS & DIVIDERS
border border-border
border-l-2 border-primary
border-l-2 border-accent
h-px bg-border (divider)
CARDS & CONTAINERS
CARD LABEL
Card Title
Card content with description text goes here.
MUTED CONTAINER
Container Title
Used for highlighted or grouped content.
05
Usage Guidelines
DO
- +Use sharp, 0-radius corners on all elements
- +Maintain generous whitespace
- +Use monospace for technical labels and data
- +Keep color palette minimal (3-4 colors max)
- +Use thin strokes (1-1.5px) for icons and vectors
- +Align elements to a consistent grid
DON'T
- -Use rounded corners or border-radius
- -Apply gradients or color transitions
- -Use decorative fonts or cursive styles
- -Overuse the accent red color
- -Add drop shadows or glows
- -Stretch, rotate, or modify the logo
06
Vector Assets
Animated SVG vectors for use in presentations, web applications, and marketing materials. These vectors follow the brand color scheme and use consistent 1.5px stroke widths.
HERO — USB SERIAL DATA
EMBEDDED CODE
COMPOSITE DEVICE
SERIAL PROTOCOL
AUTHENTICATION
SIGNAL PROCESSING
FLASH PROGRAMMING
MANUFACTURING & QA
COLOR VARIANTS
Foreground (Default)
Primary (Navy)
Accent (Red)
07
Legal
The US Input Company name, logo, and brand assets are trademarks of US PERIPHERAL INPUT COMPANY, LLC. These guidelines are for internal and authorized partner use only.
For brand inquiries or asset requests, contact brand@usinput.com