Reference

Documentation

Technical reference for the GlassPad token factory.

Design System

clear glass. Transparency as a material. Every other launchpad is an opaque box: you put a token in, something happens, you find out later. This system exists to argue that you can see through this one.

the three materials

  • void. Deep charcoal-navy grounds. Never pure black, always faintly blue. Glass needs darkness to read.
  • glass. Clear elements with real thickness: one bright specular edge along the top, a shaded lower face, two dim side walls.
  • spectrum. One prism split, cyan to violet to amber, once per surface.

Glass is a material, not a filter. A frosted rectangle with a white border is the generic look. Real optical glass has bevels, refraction and a caustic.

a glass panelfill, bevel and lift, from --glass-fill, --glass-bevel and --glass-lift.

palette

Nine values. Cyan is the only accent used as a flat colour. There is no orange.

void
#0B0F14
primary ground
void-lift
#121821
raised panels
glass-edge
#E8F4FF
specular highlights
ice
#A8C4D8
secondary type
white
#FFFFFF
primary type
cyan
#22D3EE
the only flat accent
violet
#8B7CF6
refraction only, never a fill
amber
#F5A623
refraction only, never a fill
slate
#5A6675
rules and meta labels

type

Inter, self-hosted, and nothing else. There is no second display face and no serif. Mono appears only for contract addresses, chain ids and tabular numbers.

the five laws

  • lowercase. Headlines, buttons, labels, nav and the wordmark. Data keeps its own case: a ticker is not ours to restyle.
  • nothing bolder than regular. Weight 200 to 400. Scale carries emphasis, never weight.
  • one glass object. One per composition. Lineups of floating panels are the generic look.
  • one prism. The spectrum appears once per surface, inside a refraction.
  • every object casts a caustic. The focused light below the glass is the proof the object is real.

buttons

The primary is cyan on void type. Never white text on cyan. One real call to action per view.

what never appears

  • A price target, a multiple, a return or a projection.
  • An unconfirmed launch date.
  • A truncated contract address where a token is named.
  • Mascots, characters or animals.
  • Exclamation marks, or emoji in body copy.