We don't draw shapes. We build laws that shapes obey.
An art and technology movement
Syntactism is an art and technology movement built on one idea: instead of guessing what looks good, you write down clear rules for how every shape, color, and angle should behave. Then the artwork builds itself.
Think of it like a recipe. A chef doesn't randomly throw ingredients into a pot. They follow a tested process, with precise amounts and exact timings. Syntactism does the same for visual creation. The result: work that is repeatable, explainable, and impossible to fake.
"Artistic inspiration" is unpredictable. Some days it shows up, some days it doesn't. Syntactism doesn't wait for a muse. It replaces guesswork with a clear process: define the rules first, then follow them.
Every form, every proportion, every angle comes from a finite set of rules. You can point to any element and explain exactly why it's there. Nothing is arbitrary, nothing is accidental.
A syntactist doesn't ask "does this look nice?" They ask "does this follow the rules?" The creator is an architect of a visual system, not a decorator choosing ornaments.
When the rules are right, the artwork isn't "imagined." It's computed. Like a formula that always gives the same answer, a syntax always produces a valid result.
THREE FOUNDATIONAL PRINCIPLES
Syntactism's visual grammar rests on three principles. Think of them as the physics of this world: everything you create must obey these laws.
8px / 34px
Imagine a sheet of graph paper. Every shape snaps to precise coordinates. Nothing floats randomly. No element exists outside the raster. This constraint sounds limiting, but it actually makes decisions easier: the raster decides placement, you decide meaning.
45 degrees
Look around you. Most design uses soft curves and round corners. Syntactism does the opposite: sharp diagonals that grab your attention. No curves, no soft edges. Every line is a directional vector that creates motion and energy.
1.618033...
The same proportion you see in seashells and sunflowers, baked into every dimension. The golden ratio isn't decoration. It's the mathematical backbone that makes compositions feel balanced without anyone knowing why.
See the difference
Without rules: random placement
With syntax: raster-aligned, 45-degree angles
WHY SHARP EDGES?
Your brain treats sharp angles as important signals. In nature, sharp edges are rare, so when you see one, you pay attention. That's not an accident. Syntactism uses this on purpose.
When you see sharp, angular forms, your brain's alert system fires up. In a world of smooth, rounded interfaces, a sharp diagonal is like a tap on the shoulder. Your eyes lock on. Your focus sharpens.
We live in a world saturated with soft gradients and rounded corners. Angular precision is a signal that stands out. It pops from the visual noise. You notice a syntactist object before you notice why.
Soft, organic shapes make you relax. Sharp geometry does the opposite: it activates your sympathetic nervous system. It doesn't soothe. It sharpens. It's the visual equivalent of a strong espresso.
Geometric precision reduces mental load. Your brain recognizes mathematical regularity instantly, freeing your attention for the content itself. Structure makes comprehension easier.
ONE SYSTEM, MANY FORMS
The same rules work everywhere. A syntactist composition can live on a screen, in a steel sculpture, or in the structure of an AI prompt. The medium changes. The principles don't.
Sculptures in steel and aluminum. The same raster that arranges pixels on screen arranges beams in space. Sharp angles become physical forces, structural and visual at once.
Interfaces built on a strict 8px raster reduce cognitive load. Every pixel is accountable to the raster. The result: apps and dashboards that feel calm and organized, even with dense information.
Syntax is not just visual. It can structure prompts, decision trees, and AI workflows. The same principle of "define rules first, execute second" applies to thinking itself.
You set the rules. AI follows them. Instead of asking AI to "make something cool," you tell it: "use only these 5 colors, use 8-pixel spacing, all angles at 45 degrees." The result is yours, not the machine's.
AI is not a creative partner. It is a high-performance engine that accelerates execution within boundaries you define. The syntax is the constitution. AI is the workforce.
Set your parameters: raster size, allowed angles, color palette, proportions. Write them down. These are your constraints, and constraints are what make the system powerful.
Give AI your syntax as a precise specification. It generates solutions that are pre-validated by the rules. No trial and error, no "try again, but different." The syntax filters the output automatically.
AI "writes" within your geometric language, skipping the hours you'd normally spend on visual tuning. The output is syntactically correct by construction. It's fast, consistent, and unmistakably yours.
// output
syntax.compile(parameters) => artifact
PRACTICAL GUIDE
Pick a base unit (8px works well). From now on, every element aligns to this raster. Width, height, margins, padding: all multiples of 8. No exceptions.
45 degrees is the foundation. No curves. No soft corners. Every edge has a purpose, every diagonal creates motion. If a line doesn't have a reason, remove it.
Limit yourself to 3 to 5 colors, each with a clear function. One color for backgrounds, one for text, one for accents that signal importance. Color is information, not decoration.
Create a limited set of triangle and polygon types with exact parameters. These are your building blocks, a finite vocabulary that generates infinite compositions.
Apply your rules and let the composition emerge. The result is deterministic: anyone who follows the same syntax will get the same structure. Every piece has source code.
Check every element against the syntax. If something breaks a rule, it's a bug. Fix it or amend the rules. Syntactic purity is measurable, not a matter of opinion.
Here's what it looks like in practice
Step 1: Define rules
Step 2: Apply rules
Step 3: Compiled result
Example palette: 5 colors, each with a purpose
The complete set of rules governing form creation. Everything inside the syntax is valid. Everything outside it is a violation. Simple as that.
The act of generating an artifact from defined rules. Like compiling code: you write the instructions, the machine produces the output. Deterministic and repeatable.
How strictly an artifact follows its defined syntax. This is measurable: count the violations, measure the deviation. It's a number, not a feeling.
The alertness effect produced by syntactist geometry. Sharp forms wake up your nervous system. The viewer becomes more attentive, not less.
The foundational spacing unit (e.g., 8px) on which all elements are placed. Think of it as the coordinate system for the entire composition. Everything snaps to it.
The new role: not a drawer, but an architect of visual systems. A technology designer writes syntax instead of sketches, builds systems instead of decorations.
The mathematical description from which a visual artifact can be reproduced. Every syntactist work has source code. If you can't write it down, it's not syntactist.
A violation of defined rules. Like a bug in a program: detectable, measurable, fixable. There are no "happy accidents" in Syntactism. Only errors to fix.
Technology Designer. Founder of Syntactism.
"The world is overloaded with visual noise. I build Syntactism."
Juraj grew up drawing and coding at the same time. As a kid, he'd sketch geometric shapes on paper, then try to recreate them in code. He never saw art and technology as separate things. Syntactism is where these two passions finally meet: the precision of software engineering applied to visual creation.
Syntactism proves that visual design can be formalized, reproduced, and compiled. Not as a limitation, but as a liberation. When you don't have to guess, you can focus on what actually matters: building something that works.
andrascik.com