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
#0B0F14primary ground
void-lift
#121821raised panels
glass-edge
#E8F4FFspecular highlights
ice
#A8C4D8secondary type
white
#FFFFFFprimary type
cyan
#22D3EEthe only flat accent
violet
#8B7CF6refraction only, never a fill
amber
#F5A623refraction only, never a fill
slate
#5A6675rules 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.