No. 27 · Brand & lifestyle · Rate it
Dot
Dot-matrix hardware — paper or black, one LED red, display type made of dots, a drawn device with a live 15×15 face and a device app with a glyph composer
A minimal industrial language for hardware brands, smart devices and their companion apps, Persian-first. Off-white paper (or pure black) with a dot grid, ink capsule controls, dotted rules, mono micro-labels and a single LED red that means light, live and the one action. Display type is made of dots: Doto in Latin, Vazirmatn Black behind a dot mask in Persian. The signature is a drawn device whose 15×15 LED face is real (assets/matrix.js): clock, timer, music, weather, notifications, battery and your own glyphs, animated only while visible and still under reduced motion. Sites get a launch hero with callouts, a vertical face switcher, feature tiles, a dotted spec sheet, a store configurator (model, finish, quantity, Toman or dollars) and a black-glass sign-up band. The app has a device sidebar, live preview with brightness and night mode, dot meters and dot bar charts, a keyboard-friendly glyph composer, routines and a firmware update flow.








Best for
- Hardware launches and device stores
- Smart-home, wearable and IoT companion apps
- Audio, clocks and desk gadgets
- Developer-friendly product brands that want warmth
Not ideal for
- Long-form reading and editorial
- Healthcare, finance and legal trust surfaces
- Dense data tables as the main job
Signature moves
- Display type made of dots (Doto; Vazirmatn Black behind a dot mask)
- One LED red: light, live state, the one action
- A drawn device with a working 15×15 LED face
- Dot grid paper, dotted rules, mono micro-labels
- LED switches, dot meters and dot bar charts
- Glyph composer: draw dot by dot with mouse, touch or keys
Try it with another brand color
Opens the demo with only --brand changed. The style should still read as Dot.
Install this skill
/plugin marketplace add tastefolio/tastefolio.github.io
/plugin install dot@tastefolionpx skills add tastefolio/tastefolio.github.io --skill dotcurl -L https://tastefolio.github.io/downloads/dot.zip -o dot.zip
unzip dot.zip -d .claude/skills/Copy the folder anywhere your agent can read it, then reference it from AGENTS.md / rules:
"Follow skills/dot/SKILL.md for every UI change."Files
Rate this style
Like it? Give it a 👍 below; you sign in with GitHub. The gallery’s Top rated order counts these votes and refreshes every hour. Comments and questions are welcome too.