Preparing the collection…

Getting Nomipet ready…

OFFICIAL BRAND KIT v3.0src/styles/design-system.ts

Nomi Pet Identity & Design System.

Founded by Dr. Naomi Hart and inspired by Nomi the Mascot, our visual system pairs modern design clarity with an airy Sky Blue, Sunshine Yellow, and Midnight Ink architecture across 13 companion species.

Open Standalone Brand Board Explore 13-Species Storefront

CLEARSPACE: 0.5X CLOUD HEIGHT (X) ON ALL 4 SIDES

01 / Production Vector Logo System

Cloud Containment & Multi-Surface Lockups

Primary Sky-Cloud Lockup

/brand/logo-primary-lockup.svg: Sky Blue 6-lobe cloud enveloping crisp white typography and Midnight Ink tagline.

Dark-Mode Halo Variant

/brand/logo-dark-mode.svg: Engineered for Deep Navy (`#0A2538`) surfaces with Sunshine Yellow spark.

App Squircle & 1-Ink Stamp

/brand/logo-app-icon.svg & /brand/logo-monochrome-ink.svg for launchers and cartons.

02 / 60-30-10 Color Architecture

Verified WCAG AA / AAA Token Palette

Green (#2D5A27) is strictly reserved for semantic success states and never used as a decorative brand color.

palette.sky[500]3.9:1 Large AA

Nomipet Sky Blue#0B86CC

--color-brand-primary

Primary brand surface, hero cloud stage & active navigation.

palette.sky[700]5.8:1 AA

Deep Cerulean#0768A3

--color-brand-primary-hover

Primary hover state & accessible inline text links on white.

palette.sun[400]11.8:1 AAA

Sunshine Yellow#FFCE1F

--color-brand-accent

High-intent CTAs, spark emblems & celebration accents.

palette.sun[300]13.1:1 AAA

Lemon Glow#FFE066

--color-brand-accent-hover

Accent button hover state & editorial italic highlights.

palette.ink[700]12.8:1 AAA

Midnight Ink#10344B

--color-text-primary

Cloud wordmark fill, primary headlines & body prose.

palette.ink[800]15.4:1 AAA

Deep Navy Strong#0A2538

--color-surface-inverted

Dark-mode canvas, footer backdrop & high-emphasis ink.

palette.neutral[50]11.9:1 AAA

Sky Mist Canvas#F4F8FB

--color-surface-muted

60% dominant secondary workspace & Bento cell surface.

palette.neutral[25]12.5:1 AAA

Warm Cream#FFFDF5

--color-surface-warm

Dr. Naomi editorial care stories & gift box cards.

semantic.success8.1:1 AAA

Care Verified Green#2D5A27

--color-semantic-success

Strictly reserved for semantic success & in-stock states.

03 / Physical Brand World & Motion Physics

Packaging Mockups & Shared Spring Tokens

Signature Sky Blue Mailer & Sunshine Tissue

Interior Cloud Wordmark lid print paired with Sunshine Yellow (`#FFCE1F`) tissue paper, ceramic bowl, and Dr. Naomi's Pet Companion Care Guide.

Nomi Pet Organic Tote and Collar Tag Mockup

Organic Canvas Tote & Enameled Collar ID Tag

Screen-printed Sky Blue Cloud emblem on heavyweight warm cream canvas alongside our enameled Sunshine Yellow brass ID tag. (Spring preset: damping: 14, stiffness: 120).

Preparing the collection…

OFFICIAL BRAND KIT v3.0src/styles/design-system.ts

Nomi Pet Identity & Design System.

Open Standalone Brand Board Explore 13-Species Storefront

CLEARSPACE: 0.5X CLOUD HEIGHT (X) ON ALL 4 SIDES

01 / Production Vector Logo System

Cloud Containment & Multi-Surface Lockups

Primary Sky-Cloud Lockup

/brand/logo-primary-lockup.svg: Sky Blue 6-lobe cloud enveloping crisp white typography and Midnight Ink tagline.

Dark-Mode Halo Variant

/brand/logo-dark-mode.svg: Engineered for Deep Navy (`#0A2538`) surfaces with Sunshine Yellow spark.

App Squircle & 1-Ink Stamp

/brand/logo-app-icon.svg & /brand/logo-monochrome-ink.svg for launchers and cartons.

02 / 60-30-10 Color Architecture

Verified WCAG AA / AAA Token Palette

Green (#2D5A27) is strictly reserved for semantic success states and never used as a decorative brand color.

palette.sky[500]3.9:1 Large AA

Nomipet Sky Blue#0B86CC

--color-brand-primary

Primary brand surface, hero cloud stage & active navigation.

palette.sky[700]5.8:1 AA

Deep Cerulean#0768A3

--color-brand-primary-hover

Primary hover state & accessible inline text links on white.

palette.sun[400]11.8:1 AAA

Sunshine Yellow#FFCE1F

--color-brand-accent

High-intent CTAs, spark emblems & celebration accents.

palette.sun[300]13.1:1 AAA

Lemon Glow#FFE066

--color-brand-accent-hover

Accent button hover state & editorial italic highlights.

palette.ink[700]12.8:1 AAA

Midnight Ink#10344B

--color-text-primary

Cloud wordmark fill, primary headlines & body prose.

palette.ink[800]15.4:1 AAA

Deep Navy Strong#0A2538

--color-surface-inverted

Dark-mode canvas, footer backdrop & high-emphasis ink.

palette.neutral[50]11.9:1 AAA

Sky Mist Canvas#F4F8FB

--color-surface-muted

60% dominant secondary workspace & Bento cell surface.

palette.neutral[25]12.5:1 AAA

Warm Cream#FFFDF5

--color-surface-warm

Dr. Naomi editorial care stories & gift box cards.

semantic.success8.1:1 AAA

Care Verified Green#2D5A27

--color-semantic-success

Strictly reserved for semantic success & in-stock states.

03 / Physical Brand World & Motion Physics

Packaging Mockups & Shared Spring Tokens

Signature Sky Blue Mailer & Sunshine Tissue

Interior Cloud Wordmark lid print paired with Sunshine Yellow (`#FFCE1F`) tissue paper, ceramic bowl, and Dr. Naomi's Pet Companion Care Guide.

Organic Canvas Tote & Enameled Collar ID Tag

Screen-printed Sky Blue Cloud emblem on heavyweight warm cream canvas alongside our enameled Sunshine Yellow brass ID tag. (Spring preset: damping: 14, stiffness: 120).