Brand Guidelines

KioSnap Identity

A complete brand system for the AI-powered digital kiosk platform.

Logo Mark

The mark combines a bold geometric “K” letterform with camera viewfinder brackets and a focus dot — merging “Kiosk” and “Snap” into one symbol.

Default

Light

Mono

Mono Dark

Horizontal Lockup

Snap. Display. Sell.

On dark surfaces

Scalability

The mark is designed to remain legible from 16px favicons to large hero placements.

16px

24px

32px

48px

64px

80px

100px

Color Palette

Warm amber/brown “Ember” palette. Primary action color is Ember 600 (#a05020).

Ember 50#fff8f2

Ember 100#ffe8d5

Ember 200#f5c8a0

Ember 300#e89060

Ember 400#d07030

Ember 500#b86028

Ember 600#a05020

Ember 700#804018

Ember 800#5c3010

Ember 900#1a0a00

#a05020 — Ember 600

Primary action color. Used for buttons, links, active states.

Typography

Playfair Display

font-heading

Snap. Display. Sell.

Headings, logo wordmark, hero text

DM Sans

font-body

The quick brown fox jumps over the lazy dog.

Body text, UI elements, buttons

DM Mono

font-mono

₹199/mo · 30 items · 5 categories

Code, numbers, technical labels

Download Assets

All logo variants as standalone SVG files. Right-click → Save As to download.

SVGIcon (Default)↗SVGIcon (Light)↗SVGIcon (Mono Ember)↗SVGIcon (Mono Dark)↗SVGIcon (White)↗SVGFull Logo↗SVGFull Logo (Dark BG)↗SVGFull Logo + Tagline↗SVGFull Logo + Tagline (Dark BG)↗

Usage Rules

✓ Do

Use provided color variants on appropriate backgrounds
Maintain minimum clear space equal to the icon height
Use the horizontal lockup for headers and navigation
Use the icon-only mark for favicons and small spaces

✗ Don't

Stretch, rotate, or distort the logo
Change the brand colors outside the palette
Place the logo on busy or low-contrast backgrounds
Recreate the wordmark in a different font