02 · Cases / 04
samtics.dev
Brand and services site · the one you're on
Agents research, propose, and build. I decide every word and every stroke.
The challenge
A new brand that feels human, is understood in five seconds, and can be read by people and by agents alike. No template, and without losing my own way of being.
The approach
I walked the whole path before opening an editor. Brand first: the "decision point" concept, the logo, the palette, and the type, with handwriting for the human parts. Then communication: the line, the voice, and the copy, with both languages written separately. Then Ese, the character who speaks for the brand: the same S as the logo, with two eyes. The site comes last: static and fast, with fine motion that turns off if you prefer, and a version for agents.
How the brand came together
From an idea to an identity online. Every piece has a reason; if it doesn't, it's out.
- 01
The idea
Decision point. The stroke is what the technology does; the lime dot is a person's decision. Everything else repeats that rule.
- 02
The logo
An S that rises and stops in front of a dot: Sam + ICT. Fixed geometry: 11 stroke, 19 dot (≈1.7×), radius-10 corners. In the wordmark, the ı carries the same dot.
- 03
Color
Graphite so the content breathes without noise, forest green as breathing room, and one bright accent for deciding. Lime is never decoration: it only marks decisions.
GraphiteBackground, calm#141513CarbonCards#1E1F1CBoneText#ECEDE7SageBreathing room, nature#A3AD8CPaperLight mode background#F4F5F2MistSecondary#A0A69FForestTopography#323B27OxideWarnings#D07A50LimeHuman decision#C8F04A - 04
Breathing room
Contour lines, like a map of the terrain: before building anything, we understand the ground of your work. The lime dot marks where you want to get to, and a person decides that. The lines move slowly, as if breathing: technology does the repetitive part so you get time back. That is why it is green: nature as breathing room from the screen.
- 05
Typography
One neutral voice for everything, a technical one for numbers and labels, and handwriting only for the human part of a sentence.
AaGeistAll text. Clear, neutral.01Geist Mono01 · Numbers, labels, the technical.AaHandwritingOnly the human part, once per block. - 06
Ese, the character
The S come to life: same geometry as the logo plus two eyes. It does the heavy lifting and stops to look at you when something matters.
- 07
Voice
Direct, first person, no needless jargon. I prove things with cases, not adjectives.
Intentional tech. Human potential, unlocked.
- Let's talk, intentionally
- You make the calls that matter
- I'll tell you honestly if I can help
Disruptive AI solutionsWe transform your businessInnovation leaders
- 08
Dimensions
One scale for spacing and radii, repeated everywhere. You feel the order even when you don't see it.
- 09
Online
The same rule wherever the brand lives: favicon, avatar, button, site. If you see the lime dot, a person decides there.
The system
01Brand
- Concept and logo
- Palette and type
- Ese, the character
02Communication
- Line and voice
- Copy in ES and EN
03Site
- For people: pages and motion
- For agents: llms.txt and markdown
04You decide
- Book a call
The boundary
The agents decided
- Researching references.
- Proposing palettes, structures, and drafts.
- Building components and animations.
- Checking accessibility and performance.
I decided
- The message and the name.
- The logo, the color, and the character.
- The voice and every published word.
- What shows and what stays out.
Result
A brand with a system, a voice, and a character, and a site that explains what I do with examples, not adjectives, and that an agent can query without guessing.
What I learned
Message beats design: if the line isn't clear, no effect fixes it.