Hipuku

How it’s built

Layout

A near-black gridded page centers an enormous multicolor lowercase wordmark. Thin white leader lines connect individual letters to outlined pill labels above; a large light-gray two-line explanation sits below and a dark icon dock rests at bottom. Small navigation spans top.

Type

Huge rounded lowercase geometric wordmark with smooth multicolor gradient, medium rounded sans explanation and tiny tracked labels. Exact font and metrics unknown.

Color and surface

Black subtle grid, violet/pink/orange/blue wordmark, white guides and dark rounded dock.

Components

Center a huge multicolor lowercase wordmark on a black grid, connect letters to small outlined pill labels with thin leaders and place a light-gray explanation and dark icon dock below.

What makes it work

• Black subtle grid and huge multicolor lowercase wordmark
• Thin leaders from letters to outlined pill labels
• Centered light-gray explanation
• Small dark icon dock

Measured

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today

A nearly black fine grid contains a huge multicolored rounded lowercase wordmark with thin connector lines and outlined category pills. A small centered introduction and dark icon pill sit below; a compact top navigation and tiny technical metrics appear above. The original desktop reference lacks the connector labels, while the gallery and later capture show them.

Responsive

Tablet and phone replace the desktop navigation with a menu and show a green wordmark, a small code-like label, centered introduction and colored Work and About pills. An email bar appears at the bottom. The right-side award badge covers part of the phone wordmark; different loads and phases confound a pure viewport comparison.

Scroll

The desktop scroll attempt records actual scrollY 1 and retains the same hero. It does not show a later section.