The design toolkit built for professionals who think in systems.
Design OS is a browser-first creative utility suite inside the ZIBADIS ecosystem — color theory, WCAG accessibility, modular typography, layout grids, geometric ratios, print production, photography, brand strategy, and more. All local, offline-capable, and free.
42 tools, organized into 10 categories.
Color
Palette generator, contrast checker, gradient builder, color space converter.
Typography
Font tester, type scale calculator, interactive kerning lab.
Layout
Grid calculator, breakpoints, spacing, ratios, icon grids, touch targets, units, composition practice.
Print & Publication
Paper sizes and stock, DPI calculator, book spine and sizing, print technique comparison.
Packaging
Ad and banner sizes, box structure, cut and die techniques, finishing effects.
Photography
Live exposure triangle simulator, lens and focal length explorer.
Fine Art Technique
Illustration styles, calligraphy traditions, painting media, drawing instruments.
Brand & Strategy
Brand voice, marketing basics, SEO, digital vs. print, design systems, stationery.
Video & Audio
Camera sensors, image and video file formats, audio format comparison.
Sensory
Scent and brand — the fragrance wheel applied to sensory branding.
Start with the most used tools.
Color Palette
Color theory, harmonics, color spaces (RGB, CMYK, HSL, LAB, Pantone), and palette generation for digital, print, textile, and industrial contexts.
Color Contrast
WCAG AA/AAA checker, text and image contrast, breathing space theory, positive/negative space balance, Yin-Yang and Zen principles.
Type Scale
Modular scale calculator, kerning, spacing, font families and weights, typeface vs logotype, raster vs vector fonts, print and digital formats.
Classic Grid
Column calculator, triangle and polygon meshes, 2D/perspective/3D grids, design system spacing, golden ratio hidden grids, and deconstruction.
Standard Ratios
Golden ratio, aspect ratios, paper dimensions, social media sizes, artwork safe zones, print and environmental standards, resizing rules.
Gradient Builder
Linear, radial, conic and mesh gradients with CSS output. Material patterns, 3D surface shading, GIF optimization, and motion design considerations.
Social Media Sizes
Complete dimension reference for Instagram, LinkedIn, X, YouTube, TikTok, Facebook, Telegram, Pinterest, and Behance with live preview.
Font Tester
Upload .woff, .ttf, or .otf fonts and preview at any size, weight, tracking, and line-height. Full Farsi and Latin support.
DPI & Print Size
Convert between pixels and print dimensions. Upload images to see printable sizes at 72, 150, 300, and 600 DPI with quality indicators.
Spacing System
Generate consistent spacing scales from a base unit. Linear, golden ratio, or power-of-2 progression. CSS variables and Tailwind output.
Book Spine
Calculate spine width from page count and paper thickness. Reference table for common combinations.
Paper Sizes
Complete reference: ISO A/B series, US standard, envelope sizes, business cards — all with mm, inches, and pixels.
Banner & Ad Sizes
IAB display ad standards, billboard dimensions, email template widths, web banner sizes — all with visual reference.
Book Sizes
Standard book trim sizes, binding types (perfect, saddle, hardcover, spiral), bleed and safe zone guidelines.
Part of the ZIBADIS Network
Built for the ZIBADIS Network
Design OS is one of the professional applications inside the ZIBADIS network. It serves designers, developers, and content creators who need fast, reliable design tools without leaving the browser — sharing one design language and org identity with every other ZIBADIS property.
Browser-First, Offline-Ready
Every tool runs entirely in your browser with zero server dependency — your color choices, grid calculations, and gradient codes stay private, nothing is uploaded. English content only for now, with proper multi-language support planned as a future system rather than a per-page patch.