oryzo.ai
Product site designed by Lusion. oryzo.ai's landing page is built with Three.js and set in halyard-display-variable, Arial. Its palette centers on #FFEDD7, #100904, #DC5000.
Visit oryzo.ai ↗
Analyze it yourself →
Color palette
Deep capture
Captured with Enrichr's WebGL, scene-graph and animation tools. The kind of detail a screenshot can't show:
| 3D library | Three.js (WebGLRenderer, sRGB output, pixel ratio 1) |
|---|---|
| Scene size | 68 objects, 35 meshes, 35 materials, 2 cameras |
| Geometry | about 334,500 triangles / 123,800 vertices in the scene |
| Shaders | 68 captured shader sources; every material is a custom ShaderMaterial or RawShaderMaterial |
| Canvases | 6 |
| Rendering techniques (from shader uniforms) | blue-noise dithering, temporal jitter (TAA-style), light-field volumes, image-based lighting, a Gaussian-splat renderer, skinned/bone-weighted meshes, thermal and smoke effects |
| Scroll choreography (measured across 12 scroll stops) | hero shader ratio fades 1 to 0 in the first ~9% of the scroll; blur radius falls from 86 to 0 over 27-55%; thermal effect runs 46-55%; a peel/transition ratio goes 0 to 1 over 64-73%; background color shifts from near-black to cream over 55-73%; final clear-color blend at 91-100% |
| Animation libraries | None detected (no GSAP, Framer Motion, Lenis or AOS); motion is driven from custom code |
What we detected
| Detected animation / 3D libraries | Three.js |
|---|---|
| Fonts | halyard-display-variable, Arial |
| Mobile-ready | Yes (viewport meta present) |
| Structured data (JSON-LD) | Not found |
| Social profiles linked | X / Twitter, Instagram, LinkedIn, GitHub |
| Images on landing page | 39 |
| Links on landing page | 22 |
| Load time (our browser) | 3.3s |
Use this palette as CSS variables
:root {
--oryzo-color-1: #FFEDD7;
--oryzo-color-2: #100904;
--oryzo-color-3: #DC5000;
--oryzo-font: "halyard-display-variable", system-ui, sans-serif;
}Rebuild something in this style with Claude
Paste this into Claude Code, Claude, ChatGPT or Cursor with Enrichr connected. It borrows the system, not the content: your copy, your brand, oryzo.ai's rhythm.
Use Enrichr to extract the design system from https://oryzo.ai.
Write tokens.css from the captured values (palette, type scale,
spacing, radii, easings), then build a hero in that style using
my own copy. List anything you had to guess.oryzo.ai design FAQ
What font does oryzo.ai use?
oryzo.ai's landing page loads halyard-display-variable, Arial. A font you can see on a site is licensed to that site, so check the foundry's terms or pick a free alternative before using it yourself.
What colors does oryzo.ai use?
The most used colors on oryzo.ai's landing page are #FFEDD7, #100904, #DC5000, ranked by how often they appear in the rendered page.
Does oryzo.ai use GSAP, Three.js or another animation library?
Yes. We detected Three.js running on the landing page.
How do I get oryzo.ai's full design system?
Connect Enrichr to Claude, ChatGPT or Cursor and ask for the design system of https://oryzo.ai. It captures the rendered page and returns the full token set (type scale, spacing, radii, easings) plus animation timings and any WebGL shaders.
Try it free — 25 credits a month →
More from the gallery
github.comcloudflare.comneon.comraycast.com
Captured 2026-09-29 from the site's public landing page. Only publicly observable information is shown, and it can change as the site does. All names and trademarks belong to their owners; Enrichr is not affiliated with oryzo.ai.