logo
The mark is a letterform written as TeX. It is typeset, read as a relief, and drawn as a square grid of glyphs: the closer a cell falls to the middle of a stroke, the denser the glyph that lands on it.
import { logoSvg } from "@mariovagomarzal/lattice/logo";
const svg = logoSvg({ equation: "M", columns: 24 });logoSvg
loading the typesetter…
equation
size0.80
columns42
solidity0.70
weight0.90
fill0.75
pitch
px
side
px
shape1.00
polarity
ink#e8e1cf
paper#151b17
accent#cf8542
Options
| option | type | default | what it does |
|---|---|---|---|
| equation | string | "M" | The letterform, as TeX. |
| columns | number | 24 | Cells across the square grid. |
| pitch | number | 24 | Distance between cell centers, in pixels. The mark's side is this times columns. |
| size | number | 0.82 | Share of the grid the equation fills, in [0, 1]. |
| solidity | number | 0.7 | How solid the strokes read, in [0, 1]. At 1 they are a flat plateau, at 0 they fall away to the contour. |
| weight | number | 1 | Ink gain, as a gamma. |
| fill | number | 0.53 | Share of its cell a glyph covers, in [0, 1]. At 1 the glyphs touch, at 0 there is nothing to draw. |
| alphabet | readonly string[] | ramp | The ramp the levels are quantized with, from empty to full ink. |
| typeface | Typeface | null | spaceMono | Outlines the glyphs are drawn with, or null to set them as text. |
| fontFamily | string | "Space Mono, monospace" | The mono family the glyphs are named as. Used only when typeface is null. |
| ink | string | meet.colors.text | Color of the glyphs. |
| paper | string | null | meet.colors.base | Color behind them, or null for none. |
| accent | string | null | meet.colors.orange | Color of the densest glyphs, or null to keep the mark monochrome. |
| shape | number | 0.5 | The outline the grid is cut to, from a circle at 0 to a square at 1. |