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.

Screens

cheshmak.exampleDot — Site (English, Desktop)
Dot — Site (English, Mobile)

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

  1. Display type made of dots (Doto; Vazirmatn Black behind a dot mask)
  2. One LED red: light, live state, the one action
  3. A drawn device with a working 15×15 LED face
  4. Dot grid paper, dotted rules, mono micro-labels
  5. LED switches, dot meters and dot bar charts
  6. 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@tastefolio

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.