Brand Guidelines v1.0

TeqHome

Official brand assets, color palette, and usage guidelines for TeqHome — the smart home product line by Teqlogy. Use these assets consistently across all platforms and marketing materials.

Logo Variants

Use the appropriate variant for each context. Always download the SVG for best quality.

Icon — Primary (Dark)SVG

TeqHome

Horizontal LockupSVG

TeqHome

Stacked LockupSVG

Light Variant (White BG)SVG

Monochrome (Violet)SVG

32 × 32 px

Favicon / App Icon (32×32)SVG

Color Palette

Click any chip to copy the hex value.

Brand Gradient135deg — #8b5cf6 → #06b6d4 → #22d3ee

gradient-text

Typography

Two typefaces form the Teqlogy typographic system.

Display / UI

Oxanium

font-display

AaBbCc

Bold 700 — Headlines, CTAs

TeqHome Smart Control

Semibold 600 — Section titles

WiFi-enabled IoT Controller

Medium 500 — Labels, nav

300400500600700800

Body / Content

IBM Plex Sans

body

AaBbCc 1234

Semibold 600 — Strong emphasis

Control your smart home devices from anywhere in the world via secure cloud connectivity with real-time updates.

Regular 400 — Body copy

device.relay[1].state = true

IBM Plex Mono — Code, data values

300400500600

Logo Mark Anatomy

The TeqHome icon is composed of four intentional layers.

House Structure

Five-stroke geometric house — roof slopes, walls, and floor — representing home and architecture. The clean lines convey precision engineering.

IoT Control Circle

Central circle with universal power symbol (arc + vertical line). Represents device control, connectivity, and smart home automation.

Circuit Traces

Horizontal traces extending left and right with node dots. Represents circuit boards, data signals, and IoT connectivity.

Smart Grid Dots

2×2 dot matrix in the upper-right interior. Represents a smart grid, device states, and the digital nature of the product.

Usage Guidelines

Follow these rules to keep the TeqHome brand consistent.

✓Use the SVG icon on the correct background (dark for primary, white for light variant)
✓Maintain minimum clear space equal to half the icon height around all sides
✓Use "TeqHome" as one word — capital T, capital H, no space
✓Use the gradient variant on dark or neutral backgrounds only
✓Download and use the provided SVG files for all digital use
✓Pair the icon with the Oxanium wordmark at the recommended sizes

DON'T

✕Don't use the dark icon on dark backgrounds without the rounded-square background
✕Don't recolor, rotate, stretch, or add effects to the icon
✕Don't write "Teq Home", "TEQHOME", or "teqhome" — always use "TeqHome"
✕Don't place the logo over busy, cluttered, or low-contrast backgrounds
✕Don't use the gradient wordmark on colored backgrounds that clash
✕Don't use the icon at sizes smaller than 16×16 px

Brand Voice

How TeqHome communicates with users.

Precise

Technical accuracy matters. Specs, values, and data are communicated clearly.

Reliable

Consistent tone across platforms. Users trust TeqHome to just work.

Modern

Forward-thinking language. We build for the smart home of tomorrow.

Approachable

Technical but not intimidating. Every user can understand the product.