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

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

₹299/mo · 50 items · 7 categories

Code, numbers, technical labels

Download Assets

Every logo variant as production-ready SVG and PNG files. Download directly, or copy a permanent public link to share with printers, partners, and press.

App Icon

Ember tile mark for light surfaces. Favicon, app icon, avatar.

SVG122 × 122 · 1.9 KBDownload
PNG1024 × 1024 · 40.6 KBDownload
PNG512 × 512 · 18.3 KBDownload
PNG192 × 192 · 6.4 KBDownload
PNG32 × 32 · 1.1 KBDownload

App Icon (Dark Surfaces)

Cream tile mark for dark backgrounds and dark mode.

SVG124 × 124 · 1.7 KBDownload
PNG1024 × 1024 · 39.0 KBDownload
PNG512 × 512 · 17.2 KBDownload
PNG192 × 192 · 6.0 KBDownload
PNG32 × 32 · 1.2 KBDownload

Full Logo

Mark + wordmark lockup for light surfaces. Headers, documents.

SVG335 × 105 · 13.8 KBDownload
PNG670 × 210 · 15.9 KBDownload

Full Logo (Dark Surfaces)

Mark + wordmark lockup for dark backgrounds.

SVG335 × 105 · 13.7 KBDownload
PNG670 × 210 · 16.2 KBDownload

Logo + Tagline

Full lockup with “Snap. Display. Sell.” for hero placements.

SVG335 × 105 · 37.5 KBDownload
PNG670 × 210 · 19.6 KBDownload

Logo + Tagline (Dark Surfaces)

Tagline lockup for dark backgrounds.

SVG335 × 105 · 37.5 KBDownload
PNG670 × 210 · 19.5 KBDownload

Mono Mark (Ember)

Single-color outline mark. Watermarks, loading states.

SVG80 × 80 · 1.3 KBDownload
PNG80 × 80 · 1.9 KBDownload

Mono Mark (Dark)

Near-black outline mark for light surfaces.

SVG80 × 80 · 1.3 KBDownload
PNG80 × 80 · 2.1 KBDownload

Mono Mark (White)

White outline mark for dark backgrounds and photos.

SVG80 × 80 · 1.3 KBDownload
PNG80 × 80 · 1.6 KBDownload

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