LaptopTEMPLATE 1.00opening

Every prop has a default, so the template renders as it is. Change any of them in Studio or in code.

• headline

  string = "Make it look this good"

  The line over the opening glass, before the lens pulls back.

• tagline

  string = "Every screen, shipped"

  The line that types itself over the field at the end.

• screen

  string = "blank"

  The glass: "blank" (a lit empty screen), "desk" (a drawn analytics app) or a path to an image under public/.

• uiFont

  string = "Geist"

  Google Fonts family for the headline, the tagline and the drawn screen.

• accent

  colour = "#d9f26b"

  The drawn app's accent colour.

• glass

  colour = "#eeeeee"

  The lit glass colour, also the colour of the opening frames.

• deck

  colour = "#858282"

  The aluminium deck, mid tone (the gradient is built round it).

• fieldA

  colour = "#fcfcfc"

  The end field: the light base.

• fieldB

  colour = "#bb9cf7"

  The end field: the colour that rises from the lower left.

• focus

  number = 1

  Depth of field strength: how soft the opening is. 0 starts sharp.

• zoomInto

  boolean = true

  Push in until the glass is the frame, then cut to the field. Off holds on the laptop.

• speed

  number = 1

  Playback speed of the move.

• grain

  number = 0

  Film grain over the whole frame.

• LaptopOpen