Home

Launch campaign Buy by December 31 and get 50% off for life, renewals included (code SHITATE09). See pricing →

WORDPRESS BLOCK THEME — MADE BY A WEB STUDIO IN JAPAN

All you choose
is one ratio.

Pick one of eight type scales, and your headings, body text and spacing fall into place together. A WordPress block theme from a web studio, built to stay intact long after handoff.

The theme is free (official WordPress.org directory).
pro blocks: from ¥9,800/year, or ¥24,800 one-time.

Switch the ratio with the chips on the right, and all the type and spacing on this page will reflow.

LIVE TYPE SCALEMajor 3rd · ratio 1.25
DISPLAY / H1Tuned–
HUGE / H2Headings–
X-LARGE / H3Heading hierarchy–
LARGE / H4Subhead spacing–
MEDIUMBody text size–
SMALLNotes and captions–

Your choice is saved only in this browser, and only for now. Small text keeps a fixed minimum size for readability.

DIRECTORY

Listed on WordPress.org

LATEST

v1.0.4 (updated Oct 16)

LANGUAGES

Ships in 7 languages

PRO BLOCKS

14 blocks + toolbar

SUPPORT

Talk to the developer on Slack

01 — HOW IT WORKS

One ratio beats a hundred settings.

Most themes have you override preset font sizes and spacing with CSS. shitate works the other way around: choose a ratio first, and the whole design foundation falls into place.

STEP 1

Choose one ratio

Just pick one of eight ratios in the Customizer. You can set a separate ratio for small screens, and the scale shifts smoothly with the screen width.

Scale ratio

Major 3rd — 1.25

Small-screen ratio

Minor 3rd — 1.2

Base size

16px

STEP 2

Set just four colors

Choose four source colors in the Site Editor, and the hover, surface tint, border and muted text tones are derived automatically.

STEP 3

Fine-tune with variables

Every setting lives in CSS variables. Change the ratio and the whole site follows — you are never boxed in by the theme.

/* Additional CSS — Major 3rd */
:root {
  --st-ratio: 1.25;
  --st-ratio-min: 1.2;
  --st-text-m: 16px;
}

02 — PHILOSOPHY

We do the tailoring.
You do the styling.

The theme takes the measurements for type and spacing up front. What the site becomes is up to the people who build it and the people who use it. That is the shitate philosophy.

01

Minimal updates

A simple design with no unnecessary features means you are not chasing frequent updates. Build it once and run it quietly for years.

02

Stays intact after handoff

Settings are deliberately few, so the design foundation holds up even when clients update the site themselves.

03

No breakpoints

The ratio shifts smoothly with the screen width. You can choose a separate ratio for phones, so there is no need to write media queries.

shitate pro blocks

03 — PRO BLOCKS

Build even faster with pro blocks.

14 blocks and a text toolbar, made to fit shitate. It is a standalone block plugin, so it works with other themes too.

Unique blocks

Blocks tuned for shitate that make posts and page layouts easier to build.

Master blocks

Blocks for builders that support more advanced site design. Misuse can affect how pages render, so they are meant for experienced users.

04 — DEMO

Change just the ratio, and see how much changes.

Each of the three demos is built with a different ratio. Use the button at the bottom right of any demo to try other ratios.

Screenshot of the lifestyle shop demo

Minor 3rd 1.2 — shitate products

Lifestyle shop

A small ratio for a calm look. Even as text grows, there is less scrolling, which suits shops with many products.

Screenshot of the home builder demo

Perfect 5th 1.5 — Shitate Builders

Home builder

A large ratio that gives every element presence. A great match for sites that want to show big photos.

Screenshot of the tax accountant demo

Major 3rd 1.25 — Shitate Tax Accountants

Tax accountant

Composed colors and typefaces for a polished look. For professional firms and corporate sites where trust matters.

05 — PRICING

The theme is free.
Add pro blocks when you need them.

Try ratios with the free theme first, then add pro blocks when you want to build faster. Choose an annual plan or a one-time purchase for a single site.

RELEASE CAMPAIGN — UNTIL DEC 31

50% off for life, renewals included

Enter promo code SHITATE09 at checkout to apply the discount.

THEME

shitate theme

Free (official WordPress.org directory)

  • 8 type scales (plus a separate small-screen ratio)
  • A palette derived from 4 colors
  • Style variations and business patterns
  • Translations in 7 languages
  • Support via the WordPress.org forums

PLUGIN

shitate pro blocks

From ¥9,800/year or ¥24,800 one-time

  • 14 extension blocks + text toolbar
  • Automatic updates from your dashboard
  • Private Slack chat with the developer (reply within 2 business days)
  • Works with themes other than shitate

Personal

9,800 JPY/year

1 license

For use on a single site of your own

Recommended

Business

19,800 JPY/year

5 licenses

For freelancers building a few sites a year

Agency / Studio

49,800 JPY/year

50 licenses

For studios adopting it as their in-house standard

One-time

24,800 JPY

1 license, lifetime updates

For projects you hand off and close out (chat support for 1 year after purchase)

All prices include tax. Annual plans renew automatically each year and can be canceled anytime from your account page. Your blocks keep working after you cancel.

06 — MADE BY

Made by a web studio that ships sites every day.

WaZ4Zz W 400x400Masayoshi Yukitani

We wanted to build sites that stay intact after handoff, with less effort and more fun. So we turned only what we truly needed on our own projects into a theme and blocks.

Talk to the developer on Slack

Available for the term of an annual plan, or for one year after a one-time purchase. We reply within 2 business days.

07 — FAQ

Frequently asked questions

Is the shitate theme free?

Yes. You can download it for free from the official WordPress.org directory. Questions about the theme are handled in the WordPress.org forums.

Can I use pro blocks with themes other than shitate?

Yes. pro blocks is a block plugin, not a theme feature, so it works with other themes as well.

Can I use it on client sites?

Yes. You can use it on client sites that you build and manage.

What happens if I cancel?

Your blocks keep working as they are. You will no longer receive updates or private chat support.

Do you offer refunds?

Because this is a digital product, we cannot offer refunds after purchase. Please try the ratios with the free theme first.

Start for free —
just pick one ratio.

Install the theme from WordPress.org and choose a ratio in the Customizer. Add pro blocks whenever you need them.

Until Dec 31: pro blocks at 50% off for life, renewals included (SHITATE09)

Typography Scale

Changes apply to this page instantly and are remembered in your browser only. Nothing is saved on the site.

Bigger ratio = more contrast between headings (like typescale.com).

The ratio used at 375px wide. The scale eases from this to the main ratio by 1260px, so type and spacing tighten on phones without media queries.

Body text size. The whole scale is built from this.

Snaps every text step to even pixels (2px).

Sets Small / X-Small / XX-Small to 0.95rem / 0.8rem / 0.75rem instead of dividing by the ratio, which can make them too small to read.

Resulting sizes at this viewport
Display / H1 –
Huge / H2 –
Extra Large / H3 –
Large / H4 –
Medium / Body –
Small / H6 –
X-Small –
XX-Small –