shadszn/ui

Logos

SZNS logo assets in SVG and PNG formats across three categories: Full Logo, Moon Icon, and Wordmark.

Full Logo

Moon icon + wordmark together. Use as the primary brand mark.

SZNS Full Logo - White
White
SZNS Full Logo - Black
Black
SZNS Full Logo - Blue
Blue
SZNS Full Logo - Gradient
Gradient

SZNS Moon Icon

Standalone moon icon for favicons, app icons, and compact layouts.

SZNS SZNS Moon Icon - White
White
SZNS SZNS Moon Icon - Black
Black
SZNS SZNS Moon Icon - Blue
Blue
SZNS SZNS Moon Icon - Gradient
Gradient

Wordmark

Text-only wordmark. Use when the moon icon is shown separately.

SZNS Wordmark - White
White
SZNS Wordmark - Black
Black
SZNS Wordmark - Blue
Blue
SZNS Wordmark - Gradient
Gradient

Usage Guidelines

Do

  • Use the white or gradient logo on dark backgrounds
  • Use the black or blue logo on light backgrounds
  • Maintain clear space equal to the moon icon height around the logo
  • Use SVG format for web, PNG for documents and presentations

Don't

  • Place the white logo on light backgrounds
  • Stretch, rotate, or distort the logo
  • Add effects like drop shadows or outlines
  • Use the logo smaller than 24px height for the moon icon