Founded by Dr. Naomi Hart, DVM and inspired by Nomi the Chihuahua, Nomi Pet pairs clinical veterinary rigor with an airy Sky Blue, Sunshine Yellow, and Midnight Ink visual system designed for 13 companion species.
The wordmark “Nomi Pet” always sits comfortably nested inside its custom 6-lobe cloud silhouette with a generous 1.38 : 1 containment cushion—never touching or clipping the cloud perimeter.
Used on Pure White (`#FFFFFF`), Sky Mist (`#F4F8FB`), and Warm Cream (`#FFFDF5`) headers. Pairs the Sky Blue (`#0B86CC`) 6-lobe cloud with crisp white lettering, Sunshine Yellow spark, and Midnight Ink tagline.
Engineered for Sky Blue (`#0B86CC`) hero banners, packaging lids, and motion end-cards: Pure White (`#FFFFFF`) cloud enveloping Midnight Ink (`#10344B`) typography and Lemon Glow (`#FFE066`) tagline.
Engineered for Deep Navy (`#0A2538` / `#061B29`) footers and dark-mode UI with a subtle Sunshine Yellow rim highlight.
iOS/Android squircle launcher icon, browser favicon (`/favicon.svg`), and standalone Sky Blue botanical paw-leaf glyph (`/brand/icon.svg`).
Single-ink (`#10344B`) vector lockup for corrugated shipping cartons, embossed collar leather, thermal receipts, and clinical forms.
To guarantee optical breathing room across all viewports and motion transitions, the cloud silhouette is constructed from 6 tangent circular arcs with an internal wordmark margin of at least 22% of cloud width on left and right edges.
Never distort the 6-lobe cloud aspect ratio or flatten the wordmark.
Never use deprecated `#0E5B5B` teal or decorative green; green is strictly for semantic success.
The cloud must always be visibly larger than “Nomi Pet” with generous white padding.
On white backgrounds, use the Monochrome Ink lockup or place the cloud inside a Sky Blue container.
Every screen in `nomipet_web` and `nomipet-remotion-promo` is governed by a disciplined 60-30-10 distribution. Click any swatch below to copy its hex token.
60% Airy Cloud & Cream Surfaces • 30% Sky Blue & Midnight Ink Structure • 10% Sunshine Yellow Accents
Our three-voice type system pairs friendly geometric sans-serif structure with authoritative veterinary serif italics and a joyful hand-lettered script accent.
Used for the Cloud Wordmark (`900 Black`), navigation, product cards, pricing, and all clinical tables. Rounded terminals echo the cloud silhouette while maintaining crisp legibility.
Used selectively for key emotional words inside hero headlines (“One Standard of Care”), Dr. Naomi Hart's veterinary pull-quotes, and species care monographs.
Reserved exclusively for the signature lockup tagline (“Your one-stop shop for all pet accessories.”) and founder sign-off seals. Never set in all-caps or body paragraphs.
Enforces a strict `16px` body minimum and `13.5px` caption minimum across all 4 form factors.
All shadows in the Design System use a single Midnight Ink tint (`rgba(4, 40, 58, a)`) rather than muddy grey blacks, paired with organic blob radii for mascot and species framing.
Used on species portrait masks, mascot badges, and editorial callout tiles to soften the Swiss grid.
Every interactive card and Remotion scene shares identical cubic-bezier speed graphs and spring stiffness tokens.
Zero hardcoded hex values, zero emojis—every interactive control, badge, and product card below consumes the Single-File Design System tokens directly.
Primary actions use Sky Blue (`#0B86CC`) or high-intent Sunshine Yellow (`#FFCE1F`) with Deep Navy (`#0A2538`) label ink.
Zero-trachea-pressure step-in harness woven from recycled ocean-bound nylon in Nomi Sky Blue & Sunshine Yellow.
How the Sky Blue cloud lockup, Sunshine Yellow tissue lining, and Warm Cream typography translate into physical packaging and retail touchpoints.
Matte Sky Blue mailer box with interior white Cloud Wordmark lid print, Sunshine Yellow tissue wrap, ceramic bowl, woven Y-harness, and printed Veterinary Care Guide.
Heavyweight unbleached organic cotton tote screen-printed with the Sky Blue Cloud emblem, paired with a polished brass & Sunshine Yellow enameled pet ID tag and bound 13-Species Care Guide.