The Zepixo Blog
Tutorials, product updates, and design thinking from the team building your whole brand studio in one tab.
How to Create Brand Guidelines: The Complete Guide
A practical walkthrough on how to create brand guidelines people actually use. Learn the core sections, a step-by-step build, the right tooling, and how to keep them alive.
Device Mockups: The Complete Guide
A complete, hands-on guide to device mockups: what they are, the 2D, 3D and isometric types, where to use them, and how to turn any screenshot into a clean, realistic frame in minutes.
What Is a Brand Style Guide, and What to Include
A clear answer to what a brand style guide is, who needs one, and every component to include. With a full checklist, examples of good practice, and the common formats teams ship.
Color Theory for Branding: The Complete Guide
A complete, practical guide to color theory for branding. Master the color wheel, harmonies, warm and cool, the 60-30-10 rule, psychology, and a real palette workflow.
How to Build a Brand Identity From Scratch
A complete walkthrough on how to build a brand identity from scratch. Start with strategy, design the visual system, document it as guidelines, then apply it everywhere.
How to Present App Designs to Clients
A practical guide on how to present app design to clients: frame the story, pick the right mockups, build a flow walkthrough, structure the deck, and handle feedback.
How to Build an Accessible Color System
A practical guide to building an accessible color palette. Learn 50 to 950 scales, choosing pairings, WCAG versus APCA, the contrast grid, dark mode, and exporting tokens.
How to Choose Brand Colors
A practical guide on how to choose brand colors. Start from personality, pick a primary, build secondary and accent, apply 60-30-10, test for contrast, and finalize.
Brand Typography: The Complete Guide
A complete guide to brand typography, from the role of type in identity to anatomy, choosing and pairing typefaces, building a scale, weights, web vs print, and accessibility.
Font Pairing for Brands: A Practical Guide
A practical font pairing guide for brands, covering the core principles, serif plus sans, superfamilies, the two-font rule, and ten real pairings shown with live inline examples.
Looping Hero Animations: A Practical Guide
A practical guide to looping animation for hero sections, covering what makes a good loop, the main styles, performance with MP4 and WebM, accessibility, and embedding in Framer.
Brand Book vs Style Guide vs Design System
Brand book vs style guide vs design system, explained clearly. Definitions, a comparison table, and when to use each so you build the right document for your team.
How to Define Your Brand Voice and Tone
A clear method to define your brand voice and tone. Voice versus tone, a voice chart, before and after examples, and how to document it so writers stay on-brand.
Laptop and Browser Mockups Done Right
How to make a laptop mockup that looks real: choosing browser chrome, getting aspect ratios right, capturing a website cleanly, and a checklist to finish.
iPhone Mockups: Sizes and Best Practices
Everything you need for an accurate iPhone mockup: current screen sizes, safe areas, notch and Dynamic Island handling, and the best practices that keep frames crisp.
Logo Usage Rules Every Brand Guide Needs
The logo usage guidelines every brand guide needs: clear space, minimum size, color variants, backgrounds, and dos and donts, with a diagram you can copy.
How to Turn a Screenshot Into a Mockup
A clear, step-by-step walkthrough for going from screenshot to mockup: capture cleanly, upload, frame the device, set a background, and export a crisp result.
What to Include in Brand Guidelines: 12 Essentials
A definitive checklist of what to include in brand guidelines. Twelve essentials in a table, each one explained, so your brand book covers everything that matters.
2D vs 3D Mockups: Which to Use
A practical breakdown of 2D vs 3D mockups: a side-by-side table, when each style wins, real-world examples, and how to make both from the same screenshot.
Free Brand Guidelines Template, and How to Use It
A free brand guidelines template explained section by section. What each part should contain, how to fill it in fast, and how to build a living one in Zepixo.
Best Free Phone Mockup Generators
A clear, hands-on look at the best free phone mockup generators: a side-by-side comparison table, what features actually matter, and a step-by-step way to make one fast.
Animated and Video Mockups for the Web
Make your product move on the web. Animated mockup types, 360 spins and scroll videos, MP4 vs WebM vs GIF, file size tips, and how to export in Zepixo.
20 Brand Guidelines Examples to Learn From
A curated, opinionated roundup of 20 brand guidelines examples. What makes each great, the patterns worth copying, and a comparison table to steer your own brand book.
Isometric Mockups Explained
Understand the isometric mockup style: what isometric really means, the 30 degree angles behind it, when to use it versus 2D or 3D, and how to make one fast.
One-Page Brand Guidelines: A Mini Template
One-page brand guidelines done right. See exactly what fits on a single page, a layout diagram you can copy, and when one page is genuinely enough.
Brand Asset Checklist for a New Company
A complete brand assets checklist for a new company. Every logo, color, font, and file you need, with the right formats, organized in one clear table.
Mission, Vision, and Values in a Brand Guide
A clear guide to brand mission, vision, and values, with definitions, real examples, and how to write each. Plus exactly where they belong in your brand guide.
Mockups for Social Media Posts
Make a feed that stops the scroll. Social media mockups by platform: exact sizes, reusable templates, safe zones, and a workflow to batch a week of posts.
9 Ways to Keep Your Brand Consistent
Nine practical ways to protect brand consistency across every channel. Includes a consistency audit table you can run this week to catch drift before it spreads.
Mockups for Pitch Decks
Use pitch deck mockups to turn abstract ideas into tangible product. Where they help, scene versus single device, and a slide by slide plan you can copy.
App Store Screenshot Mockups That Convert
A practical playbook for app store screenshots: exact App Store and Play Store sizes, caption layouts that read in a half second, and conversion tips.
The Complete Rebranding Checklist
A complete rebranding checklist that takes you from audit to rollout in clear phases. Includes a phased checklist table and a timeline diagram so nothing slips.
Free vs Paid Mockup Tools
A clear-eyed look at free mockup tools versus paid: what free actually gets you, where the limits hit, and how to choose, with a comparison table and where Zepixo fits.
Brand Guidelines for Small Businesses
A lean playbook for brand guidelines for small business owners. Learn what to include, what to skip, and a one-page-first path you can build and share this week.
How to Present Brand Guidelines to a Client
A practical playbook for presenting brand guidelines to clients: the deck structure, the narrative that wins buy-in, how to handle feedback, and a reusable checklist.
8 Tips for Realistic Device Mockups
Eight practical tips for realistic mockups: consistent lighting, soft grounding shadows, honest perspective, subtle reflections, and calm backgrounds, with a do and don't table.
10 Brand Guideline Mistakes to Avoid
The 10 most common brand guidelines mistakes and a clear fix for each, from vague rules to stale docs, plus a quick reference table to audit your own guide.
Mockup Resolution and Export Settings
Stop shipping soft exports. A clear guide to mockup resolution: DPI vs PPI, 1x, 2x and 3x scale, PNG vs JPG, transparency, and the right setting for every channel.
Digital vs Print Brand Guidelines
Digital vs print brand guidelines compared simply: RGB vs CMYK, hex vs Pantone, resolution, and a comparison table so your brand looks right on screen and in print.
Website Mockups: From Screenshot to Scene
Turn any URL into a polished website mockup: capture the full page, frame it in a browser or laptop, set a clean background, and export crisp output your landing page deserves.
How Long Should Brand Guidelines Be?
How long should brand guidelines be? A straight answer with page counts by company size, a reference table, and the one-page versus full-book tradeoff laid out clearly.
Brand Guidelines for Social Media
A practical guide to social media brand guidelines: per-platform rules, ready-to-copy templates, a do and dont grid, and the exact sections to document.
HEX vs RGB vs HSL vs OKLCH
Hex, RGB, HSL, and OKLCH compared in plain terms. What each color model is, a comparison table, why OKLCH makes better scales, and how they convert.
Complementary, Analogous, Triadic: Color Harmonies
Color harmonies explained simply. See complementary, analogous, triadic, and more on a color wheel with real swatches, plus when to reach for each one.
Color Psychology in Branding
A practical look at color psychology in branding: what each color signals, a color-meaning table, real industry examples, and the cultural caveats to respect.
Logo File Formats Explained: SVG, PNG, PDF
A plain guide to logo file formats: SVG, PNG, PDF and more, when to use each one, a clear comparison table, and the exact set of files to hand off.
The 60-30-10 Color Rule Explained
The 60 30 10 rule is the simplest recipe for balanced color. Learn the proportions, see a visual diagram, and apply it to a brand and a real interface.
Logo Design Basics for Founders
A founder-friendly guide to logo design basics, covering the types of logos, the principles that make one last, a clear process, and a do and don't diagram.
How to Use a Color Palette Generator
A step-by-step guide to using a color palette generator. Input a color, lock a shade, derive roles, check WCAG contrast, preview on real UI, then export tokens.
Generate a Tailwind Color Scale, 50 to 950
A practical guide to building a Tailwind color scale. Learn what each 50 to 950 shade does, generate one in OKLCH, lock your brand color, and export to tailwind.config.
Google Fonts vs Custom Fonts for Brands
A clear comparison of Google fonts for branding versus custom fonts, covering pros and cons, licensing, performance, and the top free picks worth using.
How to Use a Color Contrast Checker
A step-by-step guide to using a color contrast checker. Read the grid, fix failing pairings, check WCAG and APCA, and run a quick accessibility checklist before you ship.
APCA: The New Contrast Standard
APCA contrast explained for designers. Learn what APCA is, how Lc works, why it beats WCAG 2 for dark mode, the Lc thresholds, and how to read it in a contrast grid.
How to Build a Type Scale
A step-by-step guide to building a type scale with a modular ratio, including a px and rem scale table, responsive type tips, and a complete worked example.
WCAG Color Contrast Explained
WCAG color contrast explained in plain words. Learn the ratios, the formula behind them, AA versus AAA, large text and UI rules, plus a clear pass and fail table.
Serif vs Sans-Serif: When to Use Each
A clear guide to serif vs sans serif: what really separates them, a side-by-side comparison table, labeled serif anatomy, and exactly when each fits your brand.
What Is OKLCH, and Why It Matters
A plain guide to what OKLCH is and why it matters. Learn the L, C, and H model, how it beats HSL, gamut and Tailwind v4, and build an even scale step by step.
Exporting Color Tokens: Tailwind, CSS, JSON
What color design tokens are, how to name them well, and the main export formats. Move colors from Tailwind to CSS variables to JSON, and use them cleanly in code.
Best Fonts for Branding
A curated list of the best fonts for branding, grouped by category, with what each one suits, free vs paid notes, and live inline examples you can judge at a glance.
How to Audit Your Brand in One Afternoon
Run a brand audit in one afternoon using a practical checklist, a simple scoring system, and a clear plan for what to fix first across all your surfaces.
Gradients in Brand Color Systems
How to use brand gradients without muddying your colors. Learn the gradient types, keeping them on-brand, text accessibility on gradients, and clean CSS examples.
Primary, Secondary, and Accent Colors
What primary, secondary, and accent colors mean and how each is used. Learn how many colors a brand really needs, a clear roles table, and real-world examples.
Brand Guidelines vs Design System
Brand guidelines vs design system, explained with clear definitions, a comparison table, when you need each, and how the two overlap and reinforce each other.
Extract a Color Palette From Your Logo
Turn your logo into a full brand system. Learn how color extraction works, how to pick the dominant hue, and a step-by-step for building a complete palette from an image.
Brand Assets for Developers: A Handoff Guide
A design handoff guide covering the brand assets developers actually need, from tokens and fonts to logos and specs, with a handoff checklist and the right formats.
How to Build a Dark Mode Color Palette
A practical guide to building a dark mode color palette. Learn surfaces, elevation, desaturation, contrast in dark mode, a full swatch table, and the pitfalls to avoid.
What Is a Brand Kit, and What Goes In It
A brand kit defined in plain terms, with a contents checklist, how it differs from brand guidelines, and a simple way to build one your team will actually use.
MP4 vs WebM vs GIF for Web Animation
MP4 vs WebM vs GIF for web animation, compared on size, quality, browser support, and transparency, with a decision diagram and clear recommendations.
How to Add a Looping Animation in Webflow
Add a Webflow looping animation two ways: with native page-load interactions or a self-contained embed snippet from Zepixo. Step-by-step, with accessibility tips.
How to Embed an Animation in Framer
A step-by-step guide to a Framer embed animation: build a seamless loop in Zepixo, copy the self-contained snippet, and paste it into a Framer Embed element.