QEEK
Brand Guidelines

QEEK
Brand Assets

Complete brand guidelines, colors, logos, and assets for marketing and partnerships.

Brand Colors

QEEK uses a dual-accent color system: Amber for marketing and qeek-ui, Blue for the qeek app.

Primary Accents

Amber Accent

Primary brand color for marketing website and qeek-ui

HSL
hsl(38, 92%, 60%)
HEX
#F4A261
RGB
rgb(244, 162, 97)

Marketing website, qeek-ui app, primary CTAs, accents

Blue Accent

Primary brand color for qeek app (Ticket Board) and dark mode primary

HSL
hsl(217, 91%, 60%)
HEX
#3C83F6
RGB
rgb(60, 131, 246)

qeek app UI, dark mode primary, alternative branding

Neutral Palette

Background

HSLhsl(240, 10%, 4%)
HEX#0A0A0C

Page backgrounds, card backgrounds

Foreground

HSLhsl(0, 0%, 96%)
HEX#F5F5F5

Body text, headings, primary content

Muted

HSLhsl(240, 10%, 14%)
HEX#1F1F26

Borders, secondary text, dividers

Logo Variants

QEEK has two logo variants for different use cases. Use the appropriate variant based on context.

Amber Logo

Used for marketing website (qeek-website) and qeek-ui application

QEEK Amber Logo
SVGPNG

Formats: SVG (vector), PNG (raster)

Color: Amber accent (hsl(38, 92%, 60%))

Usage: Marketing, qeek-ui app, favicons

Blue Logo

Used for qeek app (Ticket Board) and alternative branding

QEEK Blue Logo
SVGPNG

Formats: SVG (vector), PNG (raster)

Color: Blue accent (hsl(217, 91%, 60%))

Usage: qeek app UI, alternative branding

Typography

QEEK uses Geist font family for a modern, technical aesthetic.

Primary Font: Geist Sans

Headings & Body

The quick brown fox jumps over the lazy dog

Regular Weight

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()

Monospace Font: Geist Mono

Code & Technical Content

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()

Usage Guidelines

Best practices for using QEEK brand assets in marketing and partnerships.

Do

  • • Use appropriate logo variant for context (Amber for marketing, Blue for app)
  • • Maintain minimum clear space around logo (equal to logo height)
  • • Use brand colors consistently across materials
  • • Preserve logo proportions when resizing
  • • Use SVG format for scalability

Don't

  • • Don't modify logo colors or proportions
  • • Don't place logo on busy backgrounds without sufficient contrast
  • • Don't rotate or distort the logo
  • • Don't use outdated logo versions
  • • Don't combine logo variants in the same context
  • • Don't use colorful box icons or emoji-style icons in brand materials

Download Assets

All brand assets are available for download. Right-click or use the download buttons.

Color Palette

All color values are provided above with copy-to-clipboard functionality.

For design tools, use the HSL values for consistency with our design system.