An engineering drawing set on drafting film. The star is drawn in navy ink, becomes gold, then comes apart into an exploded view whose parts list is the product’s ten features.
Oryzo’s technical-drawing layer promoted to the whole page. The only light direction, and the most literal about honesty: everything is measured and labelled.
Real HTML and WebGL, scroll it on desktop or phone. Sign in links go to the current product.
Type pairing
ArchivoOFL 1.1
Expanded Black (width 125) for the wordmark and sheet titles, body at width 100
Martian MonoOFL 1.1
title blocks, callouts, dimensions
Palette
Drafting film #e8ecf0
Navy ink (brand navy) #0b1f3a
Dimension orange #f07f00
Amber #fdb515
Signature interaction
The exploded view: live balloon callouts tied to a parts list. Hover a row and its facet lights; scroll and the parts walk in order.
Key frames, 1440 × 900
Hero. First screen, no scroll.Capability scene. Exploded view with the parts list.Model pills. Cost notes copied from the product’s model picker.Closing CTA. Sign in, plus the risk line in the footer.
Phone, 390 × 844
Scene progression
Hero: the star drawn as linework (true geometry: 72°, inner radius 0.38 R), then the gold object fades in on the drawing. Title block: "Use: work, not predictions".
Exploded view (pinned): ten facets pull apart; numbered balloons follow each facet; the parts list lights the matching row.
Details at 2:1: Persian right to left (with direction arrows) and a real spreadsheet output.
Cost, drawn to scale: a log ruler relative to Sonnet 5; the star itself is the marker that slides to each model.
Close: the drawing returns around the finished star, "Assembly complete.", a sheet index and the sign-in door.
Honesty rules applied: example conversations are labelled as examples, every number on the page comes from the product (model cost notes, the $0 hard stop), there are no testimonials, user counts or ratings, and the footer says plainly that it gives no investment advice.