Source：shinbu.be ↗ Checked 2026.10.19
Editor's note
What this site does
A Brussels aikido dojo whose home page is nine tiles, with the training days and times in the largest type.
Conversion
Notes
What you see
There is no header and almost no body text. On a navy background sit nine salmon-pink tiles: the dojo name (in Japanese and Latin letters), the club, the timetable, what aikido is, children's classes, adult classes, teachers, the head teacher and contact. Each tile is the link to that page. In the timetable tile, "Lundi Mercredi Vendredi" is the biggest text on the tile, followed by 19.30–21.00 and Saturday 9.00–10.30. The federations the club belongs to are listed underneath.
The class pages give the starting age (6 for children, 13 for adults), the training venue for each day and a free trial class. The contact page lists the two venues, a clickable email and phone number, and tells newcomers to bring a kimono or sports clothes and arrive ten minutes early.
What to take from it
For a small club or school, the first question is "when". Putting days and times on the home page, in the largest type, answers it before anyone has to click.
When a site only has a handful of pages, showing every entry point as a tile can be clearer than hiding them behind a menu. Separate pages for children and adults, each with age, place and a free trial, cover what a parent or a new student needs to decide.
Typography
Typefaces
| Element | Desktop size / weight | Desktop line height | Mobile size / weight |
|---|---|---|---|
| h1 | 33px / 700 | 1.00 | 41px / 700 |
| Body (p) | 26px / 400 | 1.00 | 30px / 400 |
Measured values (desktop 1440px, mobile 375px, 2026.10.19). The most frequent setting for each element is shown. Sites that use h1 for a logo or small label will show a small h1.
Download
Download the wireframe
This structure, as a wireframe you can edit in Figma
The page structure above, rebuilt from DevNJ's wireframe parts. It contains none of the original site's copy, images or code.
Using it in Figma
- Download the SVG.
- Drag and drop the file onto a Figma canvas.
- It opens with one layer group per section — start by reordering sections or replacing the copy.
Text comes in as text layers (set in Noto Sans JP).
Screenshots are shown at reduced size as quotations supporting the commentary. All rights in the design, copy and images belong to Shinbu Aikido Club and their respective owners. The wireframes are not copies of the original site; they rebuild its structure from DevNJ's parts. Owners or designers who would like this entry removed or corrected can contact us; we respond within two business days. Featured on: Httpster
