Brand Identity — Layout 4

Vortex · Premium Tech

Explore Palette View B2C Layout
Scroll to explore

Logo Showcase

The vortex emblem layers glossy metallic segments in deep navy, vibrant cyan, silver, and copper amber above the outlined SNUSSII wordmark.

SNUSSII vortex logo on black background

Primary — Dark

Default vertical lockup on black. Use for headers, hero, and premium packaging.

SNUSSII logo on cyan accent background

Accent — Cyan

Cyan gradient with black keyline panel so the wordmark and emblem stay legible.

Accent — Navy

Deep navy gradient with black keyline container for clear typography on tech backgrounds.

Logo Color Breakdown

Four metallic swirl segments define the high-tech vortex identity.

Deep Navy Base

Shadowed swirl segments and wordmark fill. Authority, depth, and dark-tech foundation.

Vibrant Cyan Arcs

Upper swirl blades. Energy, innovation, and secondary CTA alignment.

Silver & Copper Accents

Metallic silver blade and copper amber tip. Premium finish and primary CTA warmth.

Part 02

Color System

Logo-source vortex palette plus extended dark-tech template for B2C e-commerce.

Logo Source Colors

Sampled from the 3D vortex swirl emblem artwork.

Deep Navy#0D2137 · rgb(13, 33, 55)Swirl shadows · wordmark fill
Vibrant Cyan#1AB5AD · rgb(26, 181, 173)Swirl arcs · nav accent · secondary CTA
Metallic Silver#B8C5CE · rgb(184, 197, 206)Swirl blade · headlines
Copper Amber#C47A3A · rgb(196, 122, 58)Swirl tip · primary CTA
Black#0A0A0A · rgb(10, 10, 10)Logo canvas · header · hero

Extended Web Palette B2C Optimized

Black#0A0A0AHeader · footer · hero overlay
Deep Navy#0D2137Hero gradient · table headers · cards
Vibrant Cyan#1AB5ADBorders · badges · secondary buttons
Copper CTA#C47A3APrimary buttons · shop now
Smoke BG#F0F2F5Page background
Navy Dark#081520Hero depth · compliance strip

Color Usage Matrix

ElementPrimarySecondaryNotes
Header / FooterBlack #0A0A0ACyan borderVertical logo lockup
Hero sectionNavy-dark gradientCopper CTARadial vortex pattern overlay
Primary buttonsCopper #C47A3ACyanAdd to cart, discover
Emblem accentsCyan + silver swirlCopper tipSpiral icons, dividers, badges
Product cardsWhiteCyan tagsClean grid on smoke BG
Compliance stripCharcoal #1A1A1AWhite text18+ nicotine warnings
Social postsBlack → navy gradientCopper accent barUse exact logo-4 lockup
Part 03

Typography

Montserrat — geometric sans-serif aligned with the vortex emblem's premium tech clarity.

SNUSSII

Vortex · Premium Energy

High-tech premium design for the modern adult consumer. Wide-spaced taglines echo the swirl's precision. Body copy at 15px for product descriptions and compliance messaging.

SHOP PREMIUM
Part 04

B2C Website Layout

Live CSS wireframe — vortex-themed homepage using the swirl emblem color template.

Black header with cyan border, copper CTAs, spiral wireframe category icons, and premium sub-brand blocks.

SNUSSII
Home Products Sub-Brands Compliance Contact

PURE · PREMIUM ENERGY

NICOTINE POUCHES · CAFFEINE BOOST · ADULTS ONLY

SHOP PREMIUM

Nicotine Pouches

EXPLORE

Caffeine Boost

SHOP NOW

Premium Blend

VIEW RANGE

About SNUSSII

Engineered for premium energy — precision-formulated nicotine pouches and caffeine boost products for adults. Discreet delivery, dark-tech aesthetics, and full regulatory compliance.

ENERGY LINE

White Fox · Siberia · 77 Boost

RESPONSIBLE USE ONLY

This product contains nicotine. Nicotine is an addictive chemical. For adults 18+ only. Not for sale to minors.

LEARN MORE
Part 05

Website Mockup Images

Four high-fidelity B2C visuals — full width for maximum detail.

Part 06

Social Media Posts

Square posts using the exact vertical logo-4 lockup.