Why I created fael.tech
For a long time, my career was told through job titles. They say where I was and for how long, and they say little about how I think and what I can build today.
fael.tech is where I study, build, and publish, and the name I use for my independent work. A personal tool, an interface study, a working method, and a company being founded all belong here, as long as they produce learning or real value.
How I work here
Every project follows the same path: notice a problem, form a hypothesis, build, use, record what happened, and revise. Publishing is part of that path, because the record of what worked, what didn't, and why is worth as much as the code.
Not everything has to become a product. A project can end when the question has been answered, when the learning stops growing, or when something else becomes more important. The record is what stays.
What the brand stands for
The symbol is a pointer, the element that selects, creates, and connects in an interface. It carries the initials F and T in its construction and points forward and up, without a fixed destination.
In the full version, the pointer crosses a circle. The circle is the context technology operates in: products, organizations, people, and systems. Crossing that field is the idea of transformation. The symbol can also be read as a ship crossing an orbit, a reading about exploration.
The symbol is always solid. On screen, it sits on translucent glass surfaces that stand for a technology landscape in constant change: tools, platforms, and interfaces that come and go. The landscape changes, and the direction stays clear.
The color is a teal scale, from a deep base tone to a bright detail. The type pairs IBM Plex Sans for text and interface, Newsreader for headings, and JetBrains Mono for labels and code.
A site that uses its own system
This site is the first real application of the fael.tech design system. It is plain HTML, CSS, and JavaScript, with no framework and no build step, and it uses the design system's tokens, components, and animated stages as exact copies. The theme follows the operating system, and each page opens with a different hero: the bust on Home, the needles on Career, the halftone on Studies, the Op Art lines on Longward, and the circle moiré on Contact.
The animated stages follow a few rules: they pause off screen, stop when the system asks for less motion, and never replace the content, which stays readable without JavaScript.
fael.tech design systemOpen source soon
Updates
- First published.