Internal · not linked in the UI

Playground

Every token, component and interaction used on the Zineps redesign, with where each is applied.

Colors

ink

#424242

Headings, dark text, ink button

teal

#70cab9

Primary button gradient top

mint

#d7f0ea

Partner + differentiation panels, active tab pill

mint-soft

#e4f4f0

Status pills, icon chips

mint-mist

#eff7f4

Bento cards, globe stats, news card frame, FAQ open row

green

#60948a

Primary gradient bottom, dark/email button top, stats band

forest

#4a7469

Dark/email button bottom, badge text, stat numbers

pine

#3d5f56

Deep green

pine-deep

#2f4a42

Deepest green

chart

#339c84

Bento bar chart + uptime bars (validated)

body-mint

#4a5d58

Body text on mint surfaces

muted

#8a8a8a

Body text on white

subtle

#878787

Secondary button + language button text

soft

#6e6e6e

Check icons, Shipping AI copy

line

#e4e4e4

Secondary button border, dividers

line-soft

#ececec

Secondary button gradient bottom

surface

#f1f1f1

Shipping AI panel

surface-soft

#f7f7f7

Section fade, AI note

[#f4f5f5]

#f4f5f5

Nav link hover pill

[#f4f4f4]

#f4f4f4

shadow-frame hairline

[#a4a9b5]

#a4a9b5

shadow-frame drop-shadow tint

Gradients: hero backdrop .dashboard-backdrop (#F7FAF9 → #3B5C53), globe panel #FDFDFD → #E9E9E9, stats band green → forest.

Typography

Inter 400 / 500, global tracking -0.0075em. Headings text-balance, body text-pretty, changing numbers tabular-nums.

SampleClassesWhere
The intelligent layertext-3xl font-medium text-inkHero h1, every section h2
Brands and webshops that ship with Zineps.text-base text-muted (mt-4)Section subtitles, hero copy
1,000+text-4xl sm:text-5xl lg:text-6xlStats band numbers
300+ milliontext-2xl font-medium text-forestGlobe stat cards
Real-time insightstext-lg font-medium text-inkBento + card titles, FAQ questions
Track your shipping performance.text-[15px] text-mutedCard descriptions
Partner shipping ratestext-sm font-medium text-forestBadges, tabs

Buttons

<Button variant=… /> base: h-[42px] rounded-xl px-6 font-medium active:scale-[0.96]. CTAs with <ArrowBadge /> get the shooting arrow — hover and leave to see both directions.

PreviewVariantStylesUsed in
Start shippingprimaryteal → green, inset glow, shadow-nav, no borderHero, navbar Sign up, Start where you are
I’m a logistics partnersecondary0.7px line border, white → line-soft, shadow-buttonHero, Start where you are
Start freedarkgreen → forest, shadow-nav, no borderPartner rates
How partner rates workoutlineforest/25 border, white, shadow-buttonAvailable
Read Moreinkink bg + border, shadow-buttonShipping tabs, Shipping AI, partners, integrations
light / outline-lightWhite / white-40 outline, for dark green surfacesGet started banner

Badges & pills

PreviewNameClassesUsed in
Partner shipping ratesBadge (shared)rounded-full border-forest/15 bg-white/70 px-4 py-1.5 text-sm text-forest shadow-cardEvery section eyebrow, bento card labels
ActiveInactiveTab barbg-mint pill (layoutId glide), no dotShipping tabs
PricingNav hover chiprounded-lg bg-[#f4f5f5] px-3 py-2Navbar links
Delivered RecommendedStatus / Recommendedbg-mint-soft text-forest · bg-forest text-whiteBento shipments, Shipping AI card

Border radius

Formula

  • Scale by role: 6 inset → 8 chips → 12 controls → 14 sections → 16 chrome → 20 cards → 24 framed → full pills.
  • Concentric nesting: outer = inner + inset (email field 12 − 6 → button 6; bento 20 with 24px+ padding → inner 12 chosen independently).
  • White frames use border-[5px] border-white, so the inner corner follows automatically.
  • Edges that bleed off a panel only round the visible corner (rounded-tl-[20px]).
PreviewSizeClassRoleWhere
6pxrounded-mdInset controlEmail submit button (12px field − 6px inset)
8pxrounded-lgHover chips, rowsNav link hover pill, AI carrier rows
12pxrounded-xlControls & inner visualsButtons, language/menu buttons, bento inner panels, logo tiles
14pxrounded-[14px]Section containersHero gradient, partner, Shipping AI, stats band, globe panel, differentiation, Get started
16pxrounded-2xlFloating chromeNavbar pill, hero dashboard image, mobile menu, xl logo tiles
20pxrounded-[20px]CardsBento cards, news cards, recommendation card corner
24pxrounded-3xlFramed stat cards, accordionGlobe stat cards, FAQ rows
9999pxrounded-fullPills & dotsBadges, tab bar + tabs, arrow badge, blobs, carousel arrows

Shadows

PreviewTokenValueWhere
shadow-button0 2px 6px rgb(0 0 0 / .08)Secondary, outline, ink buttons
shadow-nav0 2px 8px rgb(0 0 0 / .08)Navbar pill, green CTAs, language + menu buttons
shadow-card0 4px 8px rgb(0 0 0 / .05)Badges, shipping tab bar, Automate image
shadow-raised0 6px 20px rgb(0 0 0 / .12)Partner + differentiation panels, mobile menu
shadow-border1px ring 6% + 0 1px 2px -1px 6% + 0 2px 4px 4%Bento cards, tiles, FAQ open row, news arrows, subscribe field
shadow-frame0 0 0 1px #F4F4F4 + #A4A9B5 (0 1 1 12%, 0 4 12 10%, 0 2 4 10%)Globe stat cards, news cards
ring-[0.7px] ring-black/80 0 0 .7px rgb(0 0 0 / .08)Navbar Sign up (matches pill hairline)
drop-shadow-dashboard0 6px 6px rgb(0 0 0 / .08)Hero dashboard screenshot
drop-shadow-mockup0 4px 4px rgb(0 0 0 / .08)CarrierBroker mockup
inset-shadow-glowinset 0 -4px 8px rgb(112 202 185 / .5)Primary buttons, stats band, Get started banner

Spacing rhythm

TokenDesktopTabletPhoneWhere
mt-section164px124px96pxGap between every section after the hero
mt-heading64px52px40pxSection heading/subtitle → content (globe uses 40px)

Surfaces

Hero backdrop

13-stop mist → pine gradient.

Mint panel + blobs

Partner rates, differentiation.

Green band

Stats, Get started.

Grey + mint glow

Shipping AI.

Globe panel

#FDFDFD → #E9E9E9.

Section fade

Shipping tabs, logistics partners.

Small elements

Framed stat card (border-[5px] white, mint-mist, shadow-frame)

goods are transported yearly with the help of Zineps.

300+ million

CountUp (scroll away and reload to replay)

1,000+

Magnetic logo tiles (hover)

  • Shopify
  • WooCommerce
  • Moneybird

Language button + checklist item

Label generation

Subscribe field (shadow-border, 6px inset button, shooting arrow)

Marquee

Trusted by

Brands and webshops that ship with Zineps every day.

12Mate
101kruiden
Monkey Parts
The Tester
Trentdierenvoer

Motion

NameValueWhere
Hero float-upopacity + 16px rise + 4px blur, 0.5s easeOut, 100ms stagger, once on loadReveal
Bento float-upSame, once when scrolled into viewReveal inView
Stat roll-up0 → value, 1.4s expo-out, once in view, tabular digitsCountUp
Tab switchSlide 32px by direction + blur, 0.3s in / 0.15s out; pill glides (spring 0.35s, bounce 0)ShippingTabs
CTA arrowarrow-shoot on hover, arrow-shoot-back on leave, 0.55sShootingArrow (ArrowBadge, email button)
Magnetic logosFollow cursor 35%, spring 260/18, scale 1.06MagneticLogo
Nav hover::before scale 0.75 → 1 + fade, 100ms easeNavbar links
Button pressscale 0.96, 150ms ease-outButton, arrows, menu toggle
FAQgrid-rows 0fr → 1fr + plus→minus, 300ms ease-outFAQ
Marquee40s linear, hover playbackRate 0.25TrustedBy
Globecobe, phi += 0.005/frame, spring drag, paused off screen / hidden tabGlobe
Reduced motionMotionConfig reducedMotion=user; motion-safe arrows; marquee pausedGlobal

Sections (live)

Every section in home-page order, rendered with the real components and spacing.

The intelligent layer for global logistics

One dashboard and API for shipping. Access competitive rates through our logistics partner network, your own carrier contracts, or both.

Zineps dashboard showing open orders, updates and recent shipments
Partner shipping rates

Their buying power becomes yours

Partners on Zineps already hold high-volume deals with DHL, PostNL and DPD. We match you to the one whose lanes fit your shop.

Zineps partner dashboard for CarrierBroker B.V. with label totals, contracts and recent customers

Shipping for businesses around the world

One network of carriers, lanes and integrations that grows with you.

Shipping partners
20+
Destination countries
200+
Shipping methods
1,000+
Integrations
100+

Smart shipping from label to return.

Less manual work, lower shipping costs, faster fulfillment, faster return processing and more customer satisfaction.

  • Automatic carrier selection based on price and speed
  • Label generation
  • Pickup & return management
  • Dynamic checkout integrations
  • Use own contracts or partner network
  • Branded tracking, packing slips and return portal.
Read More
Order list with a selected product and carrier options DHL, Bpost, PostNL, GLS and FedEx
Why Zineps

Everything you need for successful shipping

Access a wide network

Ship to 200+ countries with all major carriers and local transporters.

Connect in minutes

Webshop, WMS or ERP. 100+ ready integrations.

One hub for every shipment

Labels, returns and pickups managed in one place, without the tab-switching.

Insights in real time

Follow performance live and spot savings before they slip away.

Always on

99.9% uptime that scales with your volume.

Shipping AI

Predict delays. Pick better routes. Spend less.

Shipping AI is the intelligence in the layer. It recommends the better carrier, route, and rate for every shipment.

Order #20931 · 2.4 kg

Amsterdam → Berlin

Promise: deliver by Thu
  • DHL ParcelDHL ParcelRecommended1–2 days97% on timeLow delay risk€6.20
  • PostNLPostNL2–3 days88% on timeDelay risk€5.85
  • DPDDPD1 day95% on timeLow delay risk€7.40
For logistics partners

The operating system for logistics providers

Publish rates, manage contracts and margins, invoice, handle support, and onboard the merchants you already serve. They ship in Zineps. You keep the commercial relationship.

  • Publish rates and conditions
  • Manage contracts, customer groups and margins
  • Invoice automatically per customer or shipment
  • Onboard existing merchants onto Zineps
  • Keep the commercial relationship
Become a partner
Zineps partner panel with invoicing, customers, contracts, support and monthly shipment and revenue charts
Integrations

More than 100+ integrations

Connect Zineps seamlessly with popular marketplaces, e-commerce platforms and logistics partners. Optimize your workflow, reduce your shipping costs and offer your customers a seamless shipping experience.

View integrations
  • Shopify
  • bol.com
  • Amazon
  • Exact Online
  • Moneybird
  • WooCommerce
  • Magento
  • Picqer
  • Odoo
  • Lightspeed
  • Kaufland
  • Wix
Global scale

The intelligent layer behind global logistics

One infrastructure for global logistics. A platform for businesses that ship, and a network of logistics service providers that move their goods.

of economic value is annually created by merchants who ship via Zineps.
100+ million
goods are transported yearly nationally and internationally with the help of Zineps.
300+ million
parcels are processed efficiently annually with the help of our system.
12+ million
This makes us different

An approach that goes beyond the standard

We set a new standard in shipping technology. With a focus on innovation, collaboration, and customer-centricity, we help e-commerce and logistics operate smarter and future-proof. Stay updated.

Frequently asked questions

Common questions about Zineps and our platform.

Zineps is an AI-driven platform that connects e-commerce with logistics partners. Webshops automate their shipping process, and carriers manage their customers through the Partner Panel. Everything happens within one smart platform.

For both e-commerce businesses and logistics partners. Webshops use Zineps to lower shipping costs and automate processes. Partners such as carriers and brokers offer their services through our platform and manage everything centrally.

No, that isn't necessary. You can connect your own contracts, but you can also use the competitive rates of our affiliated partners.

Zineps integrates seamlessly with Shopify, WooCommerce, Bol.com, Amazon, Exact, Lightspeed and many more. APIs are also available for custom integrations.

Zineps works with a transparent SaaS model and optional per-shipment costs. Depending on your type of user (webshop or partner), we offer flexible plans tailored to you.

Within minutes. Connect your shop or register as a partner, and start shipping or offering your logistics services right away.

Software, network, and intelligence

Start where you are

Merchants start shipping in minutes, including partner rates. Logistics partners digitize their offering and bring their merchants with them.

Recent news

Stay updated with the latest news, updates, and insights from Zineps.

Get started right away?

Create an account to get started or contact us for a customized solution for your business.