Screenshot of the Opal home page. The header contains the Opal logo, brief product information, and a 'Reserve' button. The hero section has a title in large lettering and the background image shows the Opal C1 webcam on a black backdrop.
技术
Tailwind CSS、Next.js、React
日期
访问网站

Opal

第一款 DSLR 级专业网络摄像头。

Opal 摄像头旨在让您在远程世界中轻松地以专业的方式展现自己。这是通过硬件和机器学习的结合实现的。Opal 网站使用 Tailwind CSS 构建。

Screenshot of the Opal website. The header contains the Opal logo, brief product information, and a 'Reserve' button. On the left side of the screen is a list of the Opal camera's features with titles and short descriptions. On the right is a screenshot of the Opal application, showing how 'focus' and 'brightness' can be adjusted with a slider interface.
Opal Camera 软件的屏幕截图,突出显示了三个功能。点击每个功能将更改屏幕截图。
Mobile screenshot of the Opal website. The header contains the Opal logo. The hero section has a title in large lettering and the background image shows the Opal C1 webcam on a black backdrop. At the bottom of the screen there is a 'Reserve' button.
Mobile screenshot of the Opal website. The header contains the Opal logo. Underneath is a paragraph explaining what is included with the Opal camera, and a photograph of a person holding the camera in the palm of their hand. At the bottom of the screen there is a 'Reserve' button.
Mobile screenshot of the Opal website. The header contains the Opal logo. Underneath is a 3D outline of the Opal camera and details of the camera's dimensions and weight. There are additional collapsed sections underneath with titles such as 'Box Contents' and 'Cable'. At the bottom of the screen there is a 'Reserve' button.
Opal Camera 网站在移动设备上的体验。
Screenshot of the 'Image quality' section of the Opal website. The header contains the Opal logo, brief product information, and a 'Reserve' button. The section contains three images in a row. Each one is a frame taken with a different camera, and the images are of varying quality. The section shows that the Opal C1 is better quality than the MacBook Webcam, and comparable to a camera eight times more expensive.
用不同相机拍摄的两张图片被 Opal Camera 相比。
Screenshot of the 'Technical Specifications' section of the Opal website. The header contains the Opal logo, brief product information, and a 'Reserve' button. Underneath is the page title in large lettering, followed by a 3D outline of the Opal camera and its dimensions and weight specifications.
突出显示 Opal Camera 技术规格的部分。当您滚动浏览网站时,顶部菜单会固定,并且在预订按钮上隐藏了一个很酷的彩蛋,因为它会滚动到图像上。