Topic

Engineering

How Hanabi builds public sites: speed, ownership, and maintainable code.

A silver laptop open to a code editor on a white desk, with a monitor, mug, and phone behind it, where a page and the data that describes it are written together.

September 26, 2026Engineering

Schema markup for a company site, in plain language

Schema for a company site should describe the organization, the articles, and any FAQ people can actually read. Clear writing still does the work.

By Hanabi

A hand holding a stylus over a tablet covered in wireframe sketches, with a keyboard and mouse beside it. The sketches fit a piece about a designed structure rather than a free-form page.

September 26, 2026Engineering

How to keep a site editable without a page-builder mess

A custom website vs page builder choice is about what editors may change. Give them fields for those things. Keep the layout out of a free-form canvas.

By Hanabi

A hand pinning string between printed mobile screens on a wall. The string and the screens fit a piece about the sequence that connects staging to the live domain.

September 26, 2026Engineering

Staging, DNS, and the week before launch

A website launch DNS checklist is unglamorous on purpose: a staging URL, a content freeze, DNS with a written rollback, and a person watching the first hour.

By Hanabi

Five people working on laptops around a wooden table. The shared table fits a piece about which accounts the company keeps when a studio engagement ends.

September 26, 2026Engineering

What you should own after a studio engagement

Website code ownership means the repository, the domain, the analytics, and the content logins sit with you. A studio that keeps those is a dependency.

By Hanabi

Hands typing on a laptop at a wooden desk near a window. The person at the keyboard fits a piece about who actually edits a small team's site.

September 26, 2026Engineering

Choosing a CMS when the marketing team is small

A CMS for a small marketing team should match who edits, how often, and whether drafts matter. A tool the founder will not open is not a publishing system.

By Hanabi

A silver laptop open to a code editor on a white desk, with a monitor, mug, and phone behind it. The editor on the laptop fits a piece about checks that catch a broken page before it ships.

September 26, 2026Engineering

Why TypeScript matters on a public site

TypeScript for websites is protection for the next person in the repo. It catches broken props and unsafe edits. It is not a badge to put in the footer.

By Hanabi

A bright office window ledge with a laptop, a closed notebook, white chairs, and a tall indoor tree. The quiet ledge fits a piece about pages that stay calm when motion is reduced.

September 26, 2026Engineering

Reduced motion is part of the craft

Prefers reduced motion means you ship two versions: the move you intended, and a still or instant version when someone asks the system for less motion.

By Hanabi

A close view of a smartphone home screen filled with app icons on a pale table. The phone fits a piece about motion on the screen people actually hold.

September 26, 2026Engineering

Motion that helps, and motion that makes people leave

Website animation best practices come down to one test: motion should show a relationship or a state. Looping decoration that fights reading should go.

By Hanabi

A long, quiet office corridor with glass rooms, a teal sofa, and a dark kitchen. The still corridor fits a piece about pages that load, respond, and stay put.

September 26, 2026Engineering

Core Web Vitals in plain language

Core Web Vitals explained: how fast the main content appears, how fast a tap responds, and whether the page jumps. The good thresholds are 2.5s, 200ms, and 0.1.

By Hanabi

A dim desk with an iMac showing a code editor beside a portfolio page, a second monitor with a mountain wallpaper, and a lit lamp. The two screens fit a piece about the site a founder can open and the code behind it.

September 26, 2026Engineering

What founders should expect from a Next.js company site

A Next.js marketing website should give you a fast public site, a repository you own, and a clear place to edit content. The framework name is not the outcome.

By Hanabi

A silver laptop open to a code editor on a white desk, with a monitor, mug, and phone behind it. The working desk fits a piece about making a site load before it performs.

September 26, 2026Engineering

Why a marketing site should be fast before it is clever

A fast marketing website earns the right to be clever. Paint the page quickly, then add the one motion that explains something. Slow decoration reads as carelessness.

By Hanabi

Skyscrapers photographed from street level against a pale sky. The buildings stay recognizable from the street, which is the feeling a replatform should leave for people who already knew the site.

September 26, 2026Engineering

Replatforming a site without throwing away search equity

Website migration SEO is an inventory, one-hop redirects, and titles that still describe the page. The work protects familiarity. It does not promise rankings.

By Hanabi

A silver laptop open to a code editor on a white desk, with a monitor, mug, and phone behind it. The editor is the place a later person has to find the headline, the sections, and the images.

September 26, 2026Engineering

What clean code means on a marketing site

A maintainable marketing website lets a later editor find the headline, the sections, and the images without a treasure hunt through clever abstractions.

By Hanabi

A silver laptop open to a code editor on a white desk, with a monitor, mug, and phone behind it. The files on the screen are where a team decides whether the front end can be revised in place.

September 26, 2026Engineering

Frontend revamp or full rebuild

Revamp the front end when the content model and urls are sound. Rebuild when the stack cannot be edited safely, or when the offer has changed shape.

By Hanabi