How & When to Use the SmartHub247 Logo
Every logo treatment, layout, and file format — with clear guidance on when to reach for each one. When in doubt, lead with the horizontal lockup on its intended background.
Universal Rules
Maintain clear space
Keep at least the height of the lightning bolt as padding on every side. Nothing — text, edges, or imagery — should enter that zone.
Match treatment to background
Dark / Inverse treatments go on dark backgrounds; Light / Main treatments go on light backgrounds. Always maximize contrast.
Never distort
Never stretch, squash, rotate, or recolor the mark. Scale proportionally only.
Never low-contrast
Never place a light treatment on a light background or a dark treatment on a dark background. If contrast is uncertain, use the B&W treatment.
Color
Full-color brand lockup for light and dark backgrounds.
The Color treatment carries the full SmartHub247 palette — gold bolt, Night Sky wordmark — onto light and dark substrates. Toggle between Light and Dark to preview the lockup on each surface; reach for the one that maximizes contrast against your background.
Full-color SmartHub247 lockup on a light or white substrate — the default light treatment.
Use the horizontal lockup wherever there is enough width — website headers, email signatures, letterheads, and presentation title slides. It is the primary, most recognizable form.
Avoid in narrow or square containers (favicons, app icons, social avatars) where the wordmark would shrink below legibility.
Use the icon mark (lightning bolt) in square or constrained spaces — favicons, app icons, social avatars, profile pictures, and compact UI badges.
Avoid using the icon alone in contexts where SmartHub247 is not already established — first impressions should pair the icon with the wordmark.
Use the full square lockup for profile tiles, sticker sheets, merchandise, and any 1:1 placement that needs both the mark and the wordmark.
Avoid stretching the square into non-square rectangles; crop instead, or switch to the horizontal or icon layout.
Full-color SmartHub247 lockup on a Night Sky substrate — the default dark treatment.
Use the horizontal lockup wherever there is enough width — website headers, email signatures, letterheads, and presentation title slides. It is the primary, most recognizable form.
Avoid in narrow or square containers (favicons, app icons, social avatars) where the wordmark would shrink below legibility.
Use the icon mark (lightning bolt) in square or constrained spaces — favicons, app icons, social avatars, profile pictures, and compact UI badges.
Avoid using the icon alone in contexts where SmartHub247 is not already established — first impressions should pair the icon with the wordmark.
Use the full square lockup for profile tiles, sticker sheets, merchandise, and any 1:1 placement that needs both the mark and the wordmark.
Avoid stretching the square into non-square rectangles; crop instead, or switch to the horizontal or icon layout.
Transparent
Transparent-background logos for compositing over imagery & video.
The Transparent treatment ships the SmartHub247 lockup with a fully transparent background — drop it over photography, video, colored panels, and gradient surfaces without a visible bounding box. Ideal for overlays, lower-thirds, and layered marketing creative.
Transparent-background lockup intended for light or white surfaces.
Use the horizontal lockup wherever there is enough width — website headers, email signatures, letterheads, and presentation title slides. It is the primary, most recognizable form.
Avoid in narrow or square containers (favicons, app icons, social avatars) where the wordmark would shrink below legibility.
Use the icon mark (lightning bolt) in square or constrained spaces — favicons, app icons, social avatars, profile pictures, and compact UI badges.
Avoid using the icon alone in contexts where SmartHub247 is not already established — first impressions should pair the icon with the wordmark.
Use the full square lockup for profile tiles, sticker sheets, merchandise, and any 1:1 placement that needs both the mark and the wordmark.
Avoid stretching the square into non-square rectangles; crop instead, or switch to the horizontal or icon layout.
Transparent-background lockup intended for dark or photographic surfaces.
Use the horizontal lockup wherever there is enough width — website headers, email signatures, letterheads, and presentation title slides. It is the primary, most recognizable form.
Avoid in narrow or square containers (favicons, app icons, social avatars) where the wordmark would shrink below legibility.
Use the icon mark (lightning bolt) in square or constrained spaces — favicons, app icons, social avatars, profile pictures, and compact UI badges.
Avoid using the icon alone in contexts where SmartHub247 is not already established — first impressions should pair the icon with the wordmark.
Use the full square lockup for profile tiles, sticker sheets, merchandise, and any 1:1 placement that needs both the mark and the wordmark.
Avoid stretching the square into non-square rectangles; crop instead, or switch to the horizontal or icon layout.
Black & White
High-contrast pure black & white for print and single-pass reproduction.
The Black & White treatment strips the brand to its purest form — a high-contrast monochrome lockup built for newsprint, fax, single-pass screen printing, stamps, and any context where color reproduction is unreliable or unavailable.
Black ink on a light or white substrate — the default B&W lockup.
Use the horizontal lockup wherever there is enough width — website headers, email signatures, letterheads, and presentation title slides. It is the primary, most recognizable form.
Avoid in narrow or square containers (favicons, app icons, social avatars) where the wordmark would shrink below legibility.
Use the icon mark (lightning bolt) in square or constrained spaces — favicons, app icons, social avatars, profile pictures, and compact UI badges.
Avoid using the icon alone in contexts where SmartHub247 is not already established — first impressions should pair the icon with the wordmark.
Use the full square lockup for profile tiles, sticker sheets, merchandise, and any 1:1 placement that needs both the mark and the wordmark.
Avoid stretching the square into non-square rectangles; crop instead, or switch to the horizontal or icon layout.
Reversed white lockup for dark substrates, black ink runs, and dark overlays.
Use the horizontal lockup wherever there is enough width — website headers, email signatures, letterheads, and presentation title slides. It is the primary, most recognizable form.
Avoid in narrow or square containers (favicons, app icons, social avatars) where the wordmark would shrink below legibility.
Use the icon mark (lightning bolt) in square or constrained spaces — favicons, app icons, social avatars, profile pictures, and compact UI badges.
Avoid using the icon alone in contexts where SmartHub247 is not already established — first impressions should pair the icon with the wordmark.
Use the full square lockup for profile tiles, sticker sheets, merchandise, and any 1:1 placement that needs both the mark and the wordmark.
Avoid stretching the square into non-square rectangles; crop instead, or switch to the horizontal or icon layout.
Monochrome
Single-ink tonal lockup for embossing, foil, and single-color reproduction.
The Monochrome treatment reduces the brand to a single ink — ideal for foil stamping, embossing, engraving, debossing, and any single-color reproduction where the full palette can't be applied. Cleaner than B&W for tonal substrates.
Single ink on a light or tonal substrate — the default monochrome lockup.
Use the horizontal lockup wherever there is enough width — website headers, email signatures, letterheads, and presentation title slides. It is the primary, most recognizable form.
Avoid in narrow or square containers (favicons, app icons, social avatars) where the wordmark would shrink below legibility.
Use the full square lockup for profile tiles, sticker sheets, merchandise, and any 1:1 placement that needs both the mark and the wordmark.
Avoid stretching the square into non-square rectangles; crop instead, or switch to the horizontal or icon layout.
Use the icon mark (lightning bolt) in square or constrained spaces — favicons, app icons, social avatars, profile pictures, and compact UI badges.
Avoid using the icon alone in contexts where SmartHub247 is not already established — first impressions should pair the icon with the wordmark.
Reversed single-ink lockup for dark substrates, dark overlays, and tonal dark runs.
Use the horizontal lockup wherever there is enough width — website headers, email signatures, letterheads, and presentation title slides. It is the primary, most recognizable form.
Avoid in narrow or square containers (favicons, app icons, social avatars) where the wordmark would shrink below legibility.
Use the full square lockup for profile tiles, sticker sheets, merchandise, and any 1:1 placement that needs both the mark and the wordmark.
Avoid stretching the square into non-square rectangles; crop instead, or switch to the horizontal or icon layout.
Use the icon mark (lightning bolt) in square or constrained spaces — favicons, app icons, social avatars, profile pictures, and compact UI badges.
Avoid using the icon alone in contexts where SmartHub247 is not already established — first impressions should pair the icon with the wordmark.
Choosing a File Format
Scalable vector — use on websites, in digital UI, and anywhere resolution independence matters. Smallest file size and infinitely crisp.
Raster with transparency — use in documents, slides, and tools that don't support SVG. Fixed at 500px; scale down, never up.
Optimized raster for web — use in modern browsers and email where file weight matters and transparency is required. Smaller than PNG.
Digital shorthand: ⚡️SmartHub247
For informal digital channels (social, SMS, chat), the ⚡ emojiicon leads the wordmark. Reserve the full vector logo for formal and print contexts — see the Brand Kit page for the full emojiicon guide.