HelloI'm Sto. Daninka built the place.

Brand design that ships as code.

Stolid is a client portal I designed, built and branded end to end: identity, interface, tools and one very serious stone. This page shows what that looks like on a website and in an app.

Brand systemsShadersShopifyMotionTokensElementorPlasticineSEO + AI search
014.8sOne wink loop. The longest gesture in the whole system.
023Typefaces. One serif, one sans, one mono. No fourth.
030Exclamation marks in the entire brand.
041Stone. It does not smile.
Two surfaces, one brand

Everything I build for a website. Everything I build for an app.

Pick a surface. Each card is something that exists in Stolid today, not a promise.

01 · Shopify

Custom Shopify stores

Themes and stores built around the brand, not around a template.

02 · Tools

Interactive brand tools

Generators, lockup builders and pattern makers that keep a client team on brand without a designer in the loop.

03 · Motion

Motion that explains

Scroll storytelling and micro-interactions in CSS and JavaScript, tuned to feel calm instead of busy.

04 · 3D

3D and shaders

Scenes and textures rendered in WebGL and GLSL, like the reel on the wall further down this page.

05 · Search

SEO and AI search

Structure, speed and markup so the site is found by people and by the assistants they ask.

06 · CMS

WordPress and Elementor

Custom code that drops into a widget without touching the theme. This page is one.

HTMLCSSJavaScriptCanvasWebGL · GLSLShopifyWordPressElementor
The app, running

Open it. Break it.

This is the Stolid client portal as a working sketch. Switch between client and admin, upload a file as the client, then approve it as the studio. Same data, two views.

stolid.app
Stolid

Interactive brand tools

Tools, not templates.

Two small tools, built the way I would build them for a client: a pattern generator locked to the palette, and a lockup builder that says no. Both are live. Try to make them look bad.

Terrazzo generator

A pattern generator that only knows approved colors. Every result is reproducible from its seed.

Palette

Lockup builder, with guardrails

Type a word, pick a background, push the sliders. The rules live inside the tool, so nobody has to remember them.

Stolid
Background

Brand system

One source. People and machines read it the same way.

Every color has a name, a light value, a dark value and a sentence that says when to use it. Flip the theme. The candy colors stay put: they are the plasticine.

Hello, Daninka

Here you see how everything is going: progress, payments, files and tickets, in one place.

New projectDesign review
PaidLateIn progress
stolid/
├─ tokens.json            colors · type · space
├─ README.md              brand rules
├─ logo.md  mascota.md    use and misuse
└─ components/
   ├─ Button  Card  Chip  Field
   └─ Logo  Mascot  Navigation  Cover
Motion and 3D

Typing away while the app does the rest.

Approvals, comments, files and deadlines land on their own. That is the portal handling it so nobody has to ask. The reel on the wall is the real one.

reel · 10 s

Vector character on canvas · reel rendered in GLSL, SDF, ffmpeg.

The isotype

How a stone got a face.

Six decisions, from a word in a dictionary to a 64 pixel favicon.

01

Start with the word.

The product needed a name that sounds like its tone. Stolid means calm, dependable, showing little emotion. It replaced a working name and beat four other candidates for being too chatty.

stolid/ˈstɒlɪd/ · adj.Calm, dependable, showing little emotion or animation.
AlcoveFoyerOrdoLaconicStolid
02

Sculpt it by hand.

Before any software, a face in plasticine: small round eyes, small nose and mouth, a little torso. Hand-made on purpose, because a handmade thing looks like it has nothing to prove.

03

Make it stone. Make it matte.

The first direction was glossy vinyl. It looked like a toy. The second was a stone moai in plasticine: facets, pores, no shine. Serious things are rarely shiny.

Detail · matte, faceted
04

Give it three moves.

A side glance, a raised eyebrow and a wink. That is the whole range. The wink loops every 4.8 seconds and, when the viewer prefers reduced motion, becomes a still image.

Side glanceRaised eyebrowWink
05

Crop the face.

The isotype is a square crop of the face, exported at 512, 180 and 64 pixels for the app icon, the phone home screen and the browser tab. Below 32 pixels the eyebrows disappear, so it never goes smaller.

Stolid app
06

Set the name beside it.

The wordmark is Instrument Serif, set tight, with the stone next to it. It looks calm because nothing around it competes. The rules are written down, and the lockup builder above enforces them.

Stolid
About the brand engineer

From the first lump of clay to the last line of code.

Daninka designs the brand, sculpts the mascot, builds the site and wires up the app. Working end to end means the logo, the layout and the code agree with each other, and nobody has to translate between three studios.

  • 01
    Brand

    Names, isotypes, mascots, brand books and design tokens.

  • 02
    Build

    WordPress and Elementor, Shopify, client portals and apps.

  • 03
    Motion

    Shaders, 3D and scroll motion, tuned to feel calm.

Plasticine first, pixels second. Live canvas, no video.

The brief

If you are hiring a brand engineer, this is the answer sheet.

What a brand engineer is asked to do, and where this page already does it.

Interactive, browser-based brand toolsA pattern generator and a lockup builder, live.See it
Guardrails that keep teams on brandThe lockup builder refuses bad pairs and explains why.Break it
Motion, 3D and shader-driven assetsA reel rendered from a GLSL scene, plus scroll motion in CSS and JS.See it
Tokens with the reasoning behind themLight and dark values and a usage sentence for every color.Flip it
Machine-readable kits from design decisionstokens.json, written rules and component cards in one folder.See files
Clear writing for non-technical clientsEvery message in the demos says what happened and what to do.Read them
Front-end fluencyOne file. HTML, CSS and JavaScript. No frameworks.View source
Brand craft at the level of a flagship identityA name, a mascot, a wordmark, a palette and a voice, all documented.See how
Daninka Pizarro · Creative & Digital Lead

Give me the problem. I'll figure out what needs to happen.

Contract, freelance or fractional. Remote, from Santiago, Chile, for anywhere.

Open to work Remote · Santiago Daninka Pizarro

Brand design that ships as code.

stolid.exe
Unexpected calm detected.
Stolid
© 2026 Daninka PizarroStolid app by Daninka Pizarro. Sto is unimpressed.