---
title: "Design — zBlocks"
description: "Motion, color, type, and dark mode, already tuned on every block. Build a site that looks designed — without touching CSS."
url: https://zblocks.app/design
---

_Design_

# It looks designed. Because it is.

Every block ships tuned - spacing, type, color, and motion already dialed in. You bring the words. The design takes care of itself.

[Start building - it's free](https://zblocks.app/login)

[Compare the difference](#compare)

- **90** - Ready-made blocks

- **13** - Block categories

- **40+** - Background effects

- **0** - Hex codes to learn

- **40+ background effects**

- **13 block categories**

- **Stagger motion built in**

- **Count-up numbers**

- **Dark mode toggle**

- **Brand + accent presets**

- **Custom color picker**

- **Google Fonts, self-hosted**

- **Inline rich-text editing**

- **Responsive by default**

- **No CSS required**

## Designed by default. Yours to bend.

No design degree, no hex codes, no CSS. Opinionated presets you can override the moment you want something different.

- **Motion comes standard** - Entrance, scroll-into-view, count-up, and hover effects on every block. Pick a feel — the timing's already tuned, and reduced-motion is respected automatically. - ![Motion comes alive](/api/assets/cmqzhp9qp0003mi1vmt2zgz2y)

- **40+ background effects** - Aurora, mesh, dots, grid, topo, starfields. One click behind any section.

- **Brand color cascades** - Set brand + accent once. Every block restyles to match.

- **Real type control, zero fuss** - Five built-in font personalities, plus any Google Font on Pro — self-hosted and fast. No font files to wrangle.

- **Dark mode that just works** - Flip one toggle. Every block follows, light and dark.

- **Responsive out of the box** - Every block reflows for phones. Nothing to set.

_The design system_

## Everything you'd hand-style, already styled.

The presets aren't training wheels — they're the design system. Override any of them whenever you want.

- **Scroll & entrance motion** - Fade, slide, zoom, blur, count-up — set per block with a trigger and stagger. Honors reduced-motion automatically.

- **40+ background effects** - Auroras, meshes, grids, topo lines, starfields. Layer one behind any section in a click.

- **Brand + accent color system** - Two swatches drive the whole site through design tokens. Pick presets or any custom color.

- **Fonts without the headache** - Five built-in personalities; add Google Fonts on Pro, self-hosted so visitors never hit Google.

- **First-class dark mode** - A real three-way control — light, dark, or a visitor toggle — that respects your brand in both.

- **Inline rich-text editing** - Click any heading or paragraph and type. Bold, links, lists — right on the canvas.

## Design control, without the design job.

The polish of a custom build. None of the busywork.

- **zBlocks**

- **Typical builder**

- **Scroll & stagger motion built in**

  - **yes**

  - **no**

- **40+ background effects**

  - **yes**

  - **no**

- **Brand color cascades to every block**

  - **yes**

  - **no**

- **One-toggle dark mode**

  - **yes**

  - **no**

- **Google Fonts, self-hosted**

  - **yes**

  - **Add-on**

- **Style without writing CSS**

  - **yes**

  - **no**

- **Looks good before you touch it**

  - **yes**

  - **no**

The whole idea

You don't design the site — you choose the content, and the design system keeps spacing, type, color, and motion in sync. That's why a blank page never looks blank.

## Build something that looks like you meant it.

Free to start. No credit card. Your first page is live in minutes.

[Start building](https://zblocks.app/login)