Work

Website · our own · 79 passes

MeshGlo.com

A studio site has to show the work, not describe it. So the first screen is a live 3D form that goes from wireframe to glow as you scroll, the crate further down turns in your hand, and every headline is set in a typeface we drew ourselves, letter by letter, as a wire mesh.

9.9:1

lowest text contrast on the page, measured

0 px

sideways scroll at 390 px and 1440 px

86

characters in our own typeface

The latest passes:

68. Phone: the Light Lab readout stays clear of the hero.
69. This proof refreshed (69 passes).
70. A real picture: Webb's first deep field in the universe, credited.
71. Plain service terms.
72. A page for clients: photos, changes, reports, bills, stopping.
73. An accessibility statement.
74. Services and starting prices readable by search engines.
75. A what-to-have-ready checklist, printable.
76. More answers: web address and email, changes, contracts, cost.
77. A budget field on the request form.
78. A helpful 404 page; every page in the footer and sitemap.
79. This proof refreshed (79 passes).

All 79 passes

1. The Light Lab: a raw WebGL form that goes from wire to clay to light to glow as you scroll.
2. Layout fixes from the first screenshots: text clear of the form, one readout row.
3. A halo that rises with the glow; every form kept inside its frame.
4. A phone pass: every section checked in close-ups at 390 px.
5. A share image rendered from the site's own first screen.
6. Coding and development; a request form for websites; the universe, shop and studio to come.
7. MeshGlo Node, our own typeface, drawn as a wire mesh with a node at every corner.
8. Launch pass: every word a visitor reads checked for accuracy, a privacy page, our own icon.
9. One type system: every heading in our typeface, seams between sections, a tighter rhythm.
10. The MeshGlo standard, direct actions under the services, a footer with privacy and email.
11. Content that rises into place as you scroll, a lit node in the menu, a new share image.
12. This proof section rebuilt from the upgraded site.
13. Researched starting prices, and how to pay: Cash App or cash.
14. Services led by what we specialize in; 3D, motion and code moved to What else we do.
15. A Socials page and a live link to the James Webb telescope.
16. A Get found page: how Google's map results work and what we do every month.
17. The specialty said first, in the hero and in search results.
18. Questions owners really ask: ownership, Google, payment, timing.
19. Both forms say what they are for and what things cost.
20. Every price card leads to the page that explains it.
21. The home page reordered so the services come straight after the hero.
22. Every service name leads somewhere; the Motion card links back to the Light Lab.
23. One numbering for everything we do; accessibility audit rerun.
24. Search titles that name the place, the service and the price.
25. A full copy read of every page, fixed where it was wrong.
26. Speed: our font preloaded with the page, lighter images.
27. This case study and the proof plate refreshed from the finished site.
28. YouTube, Facebook, Instagram and TikTok linked, and a brand kit for the channels.
29. How it works: three steps right after the services.
30. Get found shows an illustration of Google's three map results.
31. A focus ring on every card link; every animation still for reduced motion.
32. Every website includes, with the ways to pay.
33. Prices and includes as one panel; How it works on the request page; follow links.
34. Client work coming here, with permission.
35. Phone density: less scrolling, same content.
36. Get found opens with the illustration beside its explanation.
37. Deploy steps on the installed upload tool; the 404 and thank-you pages checked.
38. This case study and the proof plate refreshed for launch.
39. We work with you on price: said everywhere prices are.
40. A trust line under the hero.
41. Wireframe icons for the four services.
42. The featured plan marked as our pick; price cards lift on hover.
43. A before-and-after listing on Get found.
44. Socials opens with our mark and every handle.
45. Less empty scrolling after the Light Lab.
46. A footer that ends every page on the wordmark.
47. An empty slot on Work for the next client, shown with permission.
48. Our own 7:1 contrast standard checked on our own illustrations.
49. This proof refreshed again for launch.
50. One text face beside our own: the serif, the monospace and the condensed face are gone.
51. No small labels above the headings.
52. Headlines in one face and colour, two lines at most.
53. No index numbers; order shown by position and words.
54. No hairlines or decorative shapes; surfaces told apart by tone.
55. No gradients: one dark field and a flat cyan closing chapter.
56. No glows or resting shadows; the light belongs to the Light Lab.
57. Sentence-case labels at reading size.
58. Flat square buttons, one fill each.
59. Prices as a list, socials as big names, What else as a specimen list.
60. Socials list on a grid that never collides.
61. Nothing under 14px; running text in the full ink.
62. Sections further apart; headings, text and rows enter in turn.
63. A price estimator: the live thing.
64. Estimator wording; the monthly work as a plain list.
65. Illustration cards keep their dark ink.
66. The latest passes shown, the full log folded.
67. No repeated intro on the form pages.
68. Phone: the Light Lab readout stays clear of the hero.
69. This proof refreshed (69 passes).
70. A real picture: Webb's first deep field in the universe, credited.
71. Plain service terms.
72. A page for clients: photos, changes, reports, bills, stopping.
73. An accessibility statement.
74. Services and starting prices readable by search engines.
75. A what-to-have-ready checklist, printable.
76. More answers: web address and email, changes, contracts, cost.
77. A budget field on the request form.
78. A helpful 404 page; every page in the footer and sitemap.
79. This proof refreshed (79 passes).

Still open: the universe, the asset shop and the studio are designs for now.

3D asset · game prop · 10 passes

W5 supply crate

A supply crate that has to read at a glance in a game and hold up close. It is built to real measurements, 100 by 55 by 45 cm on 4.5 cm skids, with the lid as its identifying face, and worn where crates really wear: mud from the floor up, dust on top, scratches only where things slide.

25,872

triangles in one mesh

1

material, scale in metres

4 × 2048

baked texture maps

1. Blockout to real sizes, framed to show the lid.
2. Bevels, lid lip, stiffening ribs, corner protectors, handles.
3. Latches, hinges, rivets, stencils; corners closed flush.
4. Painted materials and a three-point light.
5. Paint values corrected, crevice grime, a stencil on the back.
6. Stencils as flat matte paint.
7. A wear story: mud, dust and scratches where they belong.
8. Bolted lid flange, tie-down rings, an inventory label, rubber feet.
9. A depot floor and a backdrop, so it reads as a place.
10. Everything baked into one texture set and one GLB file.

Still open: the status light's glow does not travel in the file, and the crate is not in a game yet.