skip to the page
superthread
foundationstexture
system
superthread
version
2.0.0-next.1
date
25.10.26

texture

one-bit screens in five places, and one small detail in a few components. most of the page stays flat.

the rule

a screen prints a single ink at whole pixels, so it stays crisp at 1x and 2x and re-inks with the mode. it sits at an edge, a track, a shadow or a state, never behind words, numbers, data or code. a component gets one textured detail at most, and nothing screened ever moves.

five places

these are the only five places where a screen fills an area. where it covers a field, crop marks sit 16 px outside the field's corners, the way a printer marks a plate.

  1. opener

    one band per page head, inside crop marks

    light

    dark

  2. figures

    reading figures and the chart's line screens

    light

    • orbit45°
    • quanta90°
    • trisys27°
    • constellation63°
    • artifacts135°
    • soliton117°

    dark

    • orbit45°
    • quanta90°
    • trisys27°
    • constellation63°
    • artifacts135°
    • soliton117°
  3. marks

    one dithered region

    light

    • orbit
    • quanta
    • trisys
    • constellation
    • artifacts
    • soliton

    dark

    • orbit
    • quanta
    • trisys
    • constellation
    • artifacts
    • soliton
  4. state fields

    the progress bar's dithered leading edge

    light

    deploying orbit
    x

    dark

    deploying orbit
    x
  5. empty and loading places

    a light key wedge

    light

    dark

screens

a chart series prints in its ship's spot with 1 px lines knocked out at the ship's own angle, so two series part by angle as well as colour. every other screen is an ordered dither at one of two levels: the half for an in-between state, and a light 18.75 percent for loading.

light

line screens

  • orbit45°
  • quanta90°
  • trisys27°
  • constellation63°
  • artifacts135°
  • soliton117°

levels

  • 50 percent
  • 18.75 percent

dark

line screens

  • orbit45°
  • quanta90°
  • trisys27°
  • constellation63°
  • artifacts135°
  • soliton117°

levels

  • 50 percent
  • 18.75 percent
08210
124146
31119
157135
the 4 x 4 bayer matrix. a pixel prints where its number is below the level in sixteenths: 8 of 16 for the half, 3 of 16 for 18.75 percent.

component details

each detail with its job, in both modes, on the component itself.

  1. raised layers: select list, toast, dialog

    contact edgedraws where a floating layer meets the page, under its soft lift

    a select list, open

    light

    • orbit
    • quanta
    • trisys

    dark

    • orbit
    • quanta
    • trisys
  2. checkbox

    mixedsome, not all: the classic half

    none, some and all

    light

    dark

  3. tabs

    hover barpreviews the current bar at half

    runs, under the pointer

    light

    dark

  4. table

    row edgemarks the row under the pointer, beside its cells

    the second row under the pointer, the third selected

    light

    runshiptime
    7f3a2corbit00:04:12
    b81e07quanta00:01:38
    4c9d51trisys00:12:05

    dark

    runshiptime
    7f3a2corbit00:04:12
    b81e07quanta00:01:38
    4c9d51trisys00:12:05
  5. disabled button and field

    disabled edgescreened back: there, but not available now

    a button and a field, both disabled

    light

    dark

  6. skeleton

    loading rowsthe rows take shape before their words arrive

    three rows loading

    light

    dark