vitals.black
mini brand guidelines · v1 · finalist 01
vitals.
01
the idea
vitals.Everything you need. In one place. Period.
— "the vitals" = the essentials. 40+ tools. one install.
- One mark, one install. The wordmark is the icon — same as the product.
- The orange you already own. New brand, same recall.
- Confident, not loud. Black says reliable without shouting.
- Friendly and direct. Lowercase keeps it human.
- Stands out in the App Store. Pure black in a sea of gradients.
- Scales everywhere. Billboard to favicon, no redraw needed.
02
the logo
Four canonical lockups. The dot is always orange — except on orange, where it goes white so it stays visible.
vitals.
vitals.
vitals.
vitals.
v.
favicon — only the v.
At browser-tab size the full word doesn't read. Drop everything except "v" and the dot.
03
shopify app icons
The app tile in all four brand colors. Black is canonical. The other three are for ad creative, A/B tests, or seasonal moments — never the live App Store listing.
vitals.
Black · canonical180pxvitals.
Orange · white dot180px04
color palette
Five colors, each with a specific job. Don't use them interchangeably.
Vitals Black
#0A0A0A
The brand's voice. App Store icon, primary CTAs, headlines on light, hero backgrounds, social avatars.
Vitals Orange
#F2631E
The signature. The period, "live" indicators, attention-CTAs, link hover. One pop per layout — never decorative.
Cream
#FAF7F0
The default surface. Marketing pages, email backgrounds, decks, blog. Warmer than white — keeps the brand human.
Stone
#E8E2D5
Borders & dividers. Card outlines, section breaks, secondary surfaces. Quiet structure — never a focal element.
Pure White
#FFFFFF
In-product UI. Cards, modals, app dashboard, form fields. The clean canvas inside the marketing surfaces.
05
buttons
Three roles. Use one primary and one secondary per screen — never two primaries fighting.
06
surfaces & backgrounds
Three brand surfaces. That's it. Anything else off-brand.
vitals.
Solid Black
Canonical. App icon, social avatar, video stings, ad creative. The brand's home base.
vitals.
Dark Gradient
Black with a soft orange glow at top-right. Hero sections, premium cards, landing-page visuals.
vitals.
Cream
The marketing canvas. Long-form pages, blog, email, decks, documentation.
07
typography
One typeface. Inter does everything — wordmark, headlines, body, UI. No second font.
40+ Shopify tools.
One install. Zero slowdowns.
The fastest way to grow your store. Reviews, upsells, replays, AI tools — all in one app, no conflicts, real humans on call 24/7.
08
in the world
Two real surfaces — landing page header and social post.
New: AI product video generator. Now live for every Vitals merchant.→
vitals.ProductPricingCustomersResources
Log inInstall free
Trusted by 30,000+ Shopify merchants
One app.
40+ tools.
Zero slowdowns.
Replace 6–8 marketing apps with one install. Reviews, upsells, replays, AI tools — natively integrated, conflict-free, fast as your store deserves.
Install free on ShopifySee pricing
vitals.live · 30,000+ stores online
ReviewsUpsellsAI ToolsReplaysBundlesTrust badgesTimers+ 33 more
vitals.app · landing page headerCream canvas, black brand bar, orange dot in primary CTA. The whole system at the user's first scroll.
Live update05.05
One less app.
More from
every cart.
Replace 6–8 marketing apps with one install. Reviews · upsells · replays · AI.
vitals.app Why run 8 apps when one does it all? #shopify#ecommerce
2 hours ago
2,600+ reviews4.9 ★
"Took 3 minutes.
AOV up 14%."
— John, Shopify merchant. Not a paid testimonial. One of 30,000+.
vitals.app Real merchants. Real numbers. #shopifytips
1 day ago
Instagram · feed postsTwo variants — black-canvas headline post and cream testimonial post. Same lockup, same dot, same voice.