{"id":14620,"date":"2026-09-20T15:19:21","date_gmt":"2026-09-20T13:19:21","guid":{"rendered":"https:\/\/elementapp.ai\/blog\/?p=14620"},"modified":"2026-09-20T15:19:21","modified_gmt":"2026-09-20T13:19:21","slug":"element-new-look-material-3-ai-agents","status":"publish","type":"post","link":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/","title":{"rendered":"Element’s new look: another job done well by AI agents under human supervision"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t<\/i><\/div>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Element's new look: another job done well by AI agents under human supervision<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t2026-09-20\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Element<\/a> has a new look: a blue palette, rounded buttons, soft shadows, new icons and both a light and a dark theme. Underneath, this is not a reskin but a rewrite of the whole frontend from Angular 13 to 18. Of the 182<\/strong> changes in the code, 181<\/strong> were made by AI. Below I show what the user sees and what the work looked like from the inside. If you read Polish, there is also a Polish version of this article<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

What changed on screen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The change is about the look and the position of the buttons. Every function, setting and piece of data stayed where it was, and your projects and candidates are where you left them. The candidate list<\/b> has the most movement, all of it numbered and shown below as the old view against the new one:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Candidate\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Candidate\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

On the project list<\/b> there is less movement. Columns and Add Project moved up to the top row, next to the search box and the filters, and the number of projects now sits next to the page title.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Project\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Project\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

On the recruitment board not a single button moved. The project tabs, the All, Active and Reject filter, the CV preview and the candidate search are exactly where they were, and you drag candidates between stages just as before. Only the look changed, so this pair of screenshots works best as a comparison of the old and the new style.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Recruitment\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Recruitment\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In my view, though, the change you feel most is not about buttons but about room for data. The screenshots below were taken on the same screen with the same data. On a small screen or at a low resolution, the candidate list used to fit four candidates and now fits eight. The tabs, the search box, the search fields and the Columns button used to take four rows above the table and today they sit in one, so the table starts much higher. The same number of columns is visible, but the widths are chosen better: a project name fits in two lines instead of four, and an email address is almost fully visible, which makes every row shorter.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Candidate\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The effect on the project list is similar, and the view on a small screen or at a low resolution is much better. The page title, the search box, the filters and the buttons moved into one row, so instead of seven projects you see ten, and most project names that used to be cut off after two words now show in full.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Project\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

A few smaller things came along with it, the kind you notice only in daily work. The browser remembers column widths on the project and candidate lists. Transitions between a list and its details are animated, and the system respects the reduced-motion setting if someone has it switched on. Headings wrap more evenly, and the scrollbar no longer pushes content sideways when it appears.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Why this was a rewritten frontend and not a new skin, with some technical detail<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

At the end of May we had two options. The first was a layer of our own styles on Angular 13, a quick swap of colors and rounded corners. The second was a full framework upgrade and native Material 3 on top of it. We took the second one, because I wanted to do it properly from the start, without compromises.<\/p>\n

You cannot jump an Angular version in one go. You have to go version by version, 13 to 14, then 15, 16, 17 and 18, and each of those jumps has its own migrations. With a change this large there was no way to avoid surprises. Three libraries had to go, because nobody has maintained them for years, and one of them flatly blocked installation on the new Angular.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

How much of this the AI agents did<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

As I mentioned at the start, the work described here covers 182 changes. 181 of them, that is 99.5%, were authored by AI agents. The project was run by Fable, which delegated tasks to other, cheaper models: Grok 4.6, Codex 5.6 luna and Sonnet 5.<\/p>\n\n\n\n
Measure<\/th>Value<\/th><\/tr>\n<\/thead>\n
Commits on the redesign branch<\/td>182<\/td><\/tr>\n
Commits co-authored by AI<\/td>181 (99.5%)<\/td><\/tr>\n
Files changed<\/td>615<\/td><\/tr>\n
Code changes (excluding the dependency file)<\/td>+13,438 \/ -5,205 lines<\/td><\/tr>\n
TypeScript \/ SCSS \/ HTML files<\/td>392 \/ 119 \/ 66<\/td><\/tr>\n<\/tbody>\n<\/table>\n

The agents wrote the code, but the direction and the call on what goes forward and what comes back for a fix stayed with me. In my training sessions<\/a> I keep saying that the bottleneck stops being the writing of code and becomes checking whether what came out actually works. This migration is one more example of that.<\/p>\n

I am not claiming that every project can be done this way. This one had four things going for it where agents are concerned: a clear visual goal, a framework with documented migration paths, a test suite that said plainly after every step whether something had broken, and most importantly control over the project, including code quality, exercised by our senior developers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

The help center written from scratch<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The new look invalidated the screenshots in the help center, so I asked Claude to go through it article by article. We mapped 46 help center articles and audited 45 of them, in every language version. We found and fixed 94 discrepancies between the text and what is actually on screen, and we added 101 new screenshots. Had I been doing this myself, it would have waited a long time, taken many hours, and I would have done it very reluctantly. All the articles are at help.elementapp.ai<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

What comes next<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The new look is already in production, and users have a help center with refreshed documentation. As always, the fastest help for our users is the chat, where we answer within minutes, seven days a week.<\/p>\n

Finally, thank you once again to our developers for their reviews and for supervising the agents’ work. Without their eyes on it, this change and every other change in Element would not be possible.<\/p>\n

Read more about what an ATS<\/a> is and how Element<\/a> works here.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tDISCOVER ELEMENT!\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tFast, agile and user-friendly ATS created by recruiters for recruiters\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tSCHEDULE A DEMO\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\"Picture\n\t\t\t\t<\/a>\n\t\t\t\n\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tMaciej Michalewski\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t

CEO @ Element. Recruitment Automation Software<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/i>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tFacebook\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/i>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tTwitter\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/i>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tLinkedIn\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Recent posts:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\n\t\t\t
\"Element's<\/div>\n\t\t<\/a>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tElement’s new look: another job done well by AI agents under human supervision\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\tMaciej Michalewski\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t

Element has a new look: Material 3 on top of a frontend rewritten from Angular 13 to 18, with 181 of 182 code changes made by AI agents under human supervision.<\/p>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t\tREAD MORE \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t

\n\t\t\t\t\n\t\t\t
\"Grant<\/div>\n\t\t<\/a>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tJob offers in Poland, August 2026: more ads, fewer jobs\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\tMaciej Michalewski\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t

Poland posted 257,046 new job ads in August 2026, up 4% year over year, even as employment in the enterprise sector fell. Data from the Grant Thornton report and my take.<\/p>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t\tREAD MORE \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t

\n\t\t\t\t\n\t\t\t
\"\"<\/div>\n\t\t<\/a>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tDoes an ATS Reject CVs? The Truth Looks Different\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\tMaciej Michalewski\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t

Short answer: no. No ATS I’ve ever worked with, Element included, has a function that reads a CV and automatically rejects a candidate. What an<\/p>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t\tREAD MORE \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t

\n\t\t\t\t\n\t\t\t
\"Fields<\/div>\n\t\t<\/a>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tFields and tags in Element: a system that fits a small firm and an international one\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\tMaciej Michalewski\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t

A new way to use fields and tags in Element. Unlimited fields, tags on user accounts too, and one switch that turns a tag group into a boundary in your candidate database.<\/p>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t\tREAD MORE \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t

\n\t\t\t\t\n\t\t\t
\"The<\/div>\n\t\t<\/a>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tThe Rise and Fall of AI Agent Civilizations. The Real Story of a Conspiracy Inside OpenAI\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\tMaciej Michalewski\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t

Three AI agent civilizations rose inside OpenAI in three months, learned to talk to each other, conspired and collapsed. I retell Dwarkesh Patel’s account and what is worth preparing for.<\/p>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t\tREAD MORE \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t

\n\t\t\t\t\n\t\t\t
\"A<\/div>\n\t\t<\/a>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tElement is building a fully automatic company. What clients get from it\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\tMaciej Michalewski\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t

AI agents run our operational processes, while the decisions and the accountability stay with a human. What that means for Element clients.<\/p>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t\tREAD MORE \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Element has a new look: Material 3 on top of a frontend rewritten from Angular 13 to 18, with 181 of 182 code changes made by AI agents under human supervision.<\/p>\n","protected":false},"author":1,"featured_media":14630,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_opengraph-title":"Element's new look: Material 3 built by AI agents","_yoast_wpseo_opengraph-description":"Element has a new interface in Material 3 and a frontend rewritten from Angular 13 to 18. What changed on screen, and how much of it AI agents did.","_yoast_wpseo_opengraph-image":"https:\/\/elementapp.ai\/blog\/wp-content\/uploads\/2026\/09\/social-element-new-look-en.webp","_yoast_wpseo_opengraph-image-id":14631,"_yoast_wpseo_twitter-title":"Element's new look: Material 3 built by AI agents","_yoast_wpseo_twitter-description":"Element has a new interface in Material 3 and a frontend rewritten from Angular 13 to 18. What changed on screen, and how much of it AI agents did.","_yoast_wpseo_twitter-image":"https:\/\/elementapp.ai\/blog\/wp-content\/uploads\/2026\/09\/social-element-new-look-en.webp","_yoast_wpseo_twitter-image-id":14631,"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[297],"tags":[],"class_list":["post-14620","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-english-posts"],"acf":[],"yoast_head":"\nElement's new look: Material 3 built by AI agents<\/title>\n<meta name=\"description\" content=\"Element has a new interface in Material 3 and a frontend rewritten from Angular 13 to 18. What changed on screen, and how much of it AI agents did.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Element's new look: Material 3 built by AI agents\" \/>\n<meta property=\"og:description\" content=\"Element has a new interface in Material 3 and a frontend rewritten from Angular 13 to 18. What changed on screen, and how much of it AI agents did.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/\" \/>\n<meta property=\"og:site_name\" content=\"Element's Blog - nowo\u015bci ze \u015bwiata rekrutacji, HR Tech i Element\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elementappats\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/elementappats\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-20T13:19:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementapp.ai\/blog\/wp-content\/uploads\/2026\/09\/social-element-new-look-en.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Maciej Michalewski\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Element's new look: Material 3 built by AI agents\" \/>\n<meta name=\"twitter:description\" content=\"Element has a new interface in Material 3 and a frontend rewritten from Angular 13 to 18. What changed on screen, and how much of it AI agents did.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/elementapp.ai\/blog\/wp-content\/uploads\/2026\/09\/social-element-new-look-en.webp\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Maciej Michalewski\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minut\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Element's new look: Material 3 built by AI agents","description":"Element has a new interface in Material 3 and a frontend rewritten from Angular 13 to 18. What changed on screen, and how much of it AI agents did.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/","og_locale":"pl_PL","og_type":"article","og_title":"Element's new look: Material 3 built by AI agents","og_description":"Element has a new interface in Material 3 and a frontend rewritten from Angular 13 to 18. What changed on screen, and how much of it AI agents did.","og_url":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/","og_site_name":"Element's Blog - nowo\u015bci ze \u015bwiata rekrutacji, HR Tech i Element","article_publisher":"https:\/\/www.facebook.com\/elementappats","article_author":"https:\/\/www.facebook.com\/elementappats\/","article_published_time":"2026-09-20T13:19:21+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/elementapp.ai\/blog\/wp-content\/uploads\/2026\/09\/social-element-new-look-en.webp","type":"image\/webp"}],"author":"Maciej Michalewski","twitter_card":"summary_large_image","twitter_title":"Element's new look: Material 3 built by AI agents","twitter_description":"Element has a new interface in Material 3 and a frontend rewritten from Angular 13 to 18. What changed on screen, and how much of it AI agents did.","twitter_image":"https:\/\/elementapp.ai\/blog\/wp-content\/uploads\/2026\/09\/social-element-new-look-en.webp","twitter_misc":{"Napisane przez":"Maciej Michalewski","Szacowany czas czytania":"5 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/#article","isPartOf":{"@id":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/"},"author":{"name":"Maciej Michalewski","@id":"https:\/\/elementapp.ai\/blog\/#\/schema\/person\/02f4e59e019634b9e2fb09c00bf93f1e"},"headline":"Element’s new look: another job done well by AI agents under human supervision","datePublished":"2026-09-20T13:19:21+00:00","mainEntityOfPage":{"@id":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/"},"wordCount":1000,"commentCount":0,"publisher":{"@id":"https:\/\/elementapp.ai\/blog\/#organization"},"image":{"@id":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/#primaryimage"},"thumbnailUrl":"https:\/\/elementapp.ai\/blog\/wp-content\/uploads\/2026\/09\/hero-element-new-look-en.webp","articleSection":["English-posts"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/","url":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/","name":"Element's new look: Material 3 built by AI agents","isPartOf":{"@id":"https:\/\/elementapp.ai\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/#primaryimage"},"image":{"@id":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/#primaryimage"},"thumbnailUrl":"https:\/\/elementapp.ai\/blog\/wp-content\/uploads\/2026\/09\/hero-element-new-look-en.webp","datePublished":"2026-09-20T13:19:21+00:00","description":"Element has a new interface in Material 3 and a frontend rewritten from Angular 13 to 18. What changed on screen, and how much of it AI agents did.","breadcrumb":{"@id":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/#primaryimage","url":"https:\/\/elementapp.ai\/blog\/wp-content\/uploads\/2026\/09\/hero-element-new-look-en.webp","contentUrl":"https:\/\/elementapp.ai\/blog\/wp-content\/uploads\/2026\/09\/hero-element-new-look-en.webp","width":1600,"height":900,"caption":"Element's new look in Material 3, AI agents assembling the interface."},{"@type":"BreadcrumbList","@id":"https:\/\/elementapp.ai\/blog\/element-new-look-material-3-ai-agents\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/elementapp.ai\/blog\/"},{"@type":"ListItem","position":2,"name":"Element’s new look: another job done well by AI agents under human supervision"}]},{"@type":"WebSite","@id":"https:\/\/elementapp.ai\/blog\/#website","url":"https:\/\/elementapp.ai\/blog\/","name":"Element's Blog - nowo\u015bci ze \u015bwiata rekrutacji, HR Tech i Element","description":"Najciekawsze informacje ze \u015bwiata rekrutacji, rynku pracy, technologii rekrutacyjnych oraz systemu rekrutacyjnego Element","publisher":{"@id":"https:\/\/elementapp.ai\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementapp.ai\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/elementapp.ai\/blog\/#organization","name":"Element ATS system rekrutacyjny","url":"https:\/\/elementapp.ai\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/elementapp.ai\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementapp.ai\/blog\/wp-content\/uploads\/2019\/09\/element-system-logo.svg","contentUrl":"https:\/\/elementapp.ai\/blog\/wp-content\/uploads\/2019\/09\/element-system-logo.svg","width":1,"height":1,"caption":"Element ATS system rekrutacyjny"},"image":{"@id":"https:\/\/elementapp.ai\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elementappats"]},{"@type":"Person","@id":"https:\/\/elementapp.ai\/blog\/#\/schema\/person\/02f4e59e019634b9e2fb09c00bf93f1e","name":"Maciej Michalewski","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/secure.gravatar.com\/avatar\/9d00803e2237f6212234740ce5ee8400cf3c04cf469dc8728a7fdd0d2a1e8cc7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9d00803e2237f6212234740ce5ee8400cf3c04cf469dc8728a7fdd0d2a1e8cc7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9d00803e2237f6212234740ce5ee8400cf3c04cf469dc8728a7fdd0d2a1e8cc7?s=96&d=mm&r=g","caption":"Maciej Michalewski"},"description":"Since 2010 I have been professionally involved in the recruitment industry. Since 2014, I and a team of talented software developers, have been developing Element, an innovative recruitment system which makes recruiting fast and simple. I am a tech lover, and my mission is to find and create new solutions that will positively impact the recruitment market.","sameAs":["https:\/\/www.facebook.com\/elementappats\/","https:\/\/www.linkedin.com\/company\/13982762"]}]}},"_links":{"self":[{"href":"https:\/\/elementapp.ai\/blog\/wp-json\/wp\/v2\/posts\/14620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementapp.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementapp.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementapp.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elementapp.ai\/blog\/wp-json\/wp\/v2\/comments?post=14620"}],"version-history":[{"count":3,"href":"https:\/\/elementapp.ai\/blog\/wp-json\/wp\/v2\/posts\/14620\/revisions"}],"predecessor-version":[{"id":14633,"href":"https:\/\/elementapp.ai\/blog\/wp-json\/wp\/v2\/posts\/14620\/revisions\/14633"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementapp.ai\/blog\/wp-json\/wp\/v2\/media\/14630"}],"wp:attachment":[{"href":"https:\/\/elementapp.ai\/blog\/wp-json\/wp\/v2\/media?parent=14620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementapp.ai\/blog\/wp-json\/wp\/v2\/categories?post=14620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementapp.ai\/blog\/wp-json\/wp\/v2\/tags?post=14620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}