Style guide
Colours, type, buttons and components. Change a variable or a class here and it updates across every page.
Colours
Left half light mode, right half dark mode. Every swatch reads its Theme variable, so editing a value in Variables updates this page and the whole site.
Typography
Each sample uses the live class named under it. Sizes are desktop values; tablet and mobile sizes come from the Font Size variables.
Buttons
Primary, Primary Small, Secondary and Secondary Small for light surfaces. Ghost and Ghost Small are white outline buttons for dark sections. Every button is a component: edit Text and Link per instance.
Components
Is my data used to train models?
No. Prompts, outputs and traces are never used to train models, ours or any provider’s. Traces are kept 30 days by default, configurable down to zero.
Which models can I use?
140+ open and proprietary models behind one endpoint, plus your own fine-tunes.
Caching
Semantic and exact caches cut repeat cost by up to 70%.
Isolation
Every agent run in its own container.
Section components (Benchmarks, CTA panel, CTA Terminal, Closing Split, Lottie card) are full-width and live on the pages that use them: Home 2, Home 3, Inference, Agents and Evals.
Forms
Native Webflow form elements with the shared classes field-label, field-input (combos is-select, is-textarea, is-error, is-disabled), form_consent and form_checkbox. Success and error messages use form_success and form_message-error.
Lattice icons · 18
Shown at 1.5x. Each icon is an SVG asset (icon-*.svg) and is set through the Icon prop of Icon tile, Feature row and Security cell.
Lattice Lotties · 4
Stills of the four Lottie animations. The JSON files (light and dark) are in the Assets panel; place them with a native Lottie element, as on Home 3, Inference, Agents and Evals.
Radius
16, 24 and pill are Base Collection variables (Radius/Small, Radius/Default, Radius/Button). 6, 10 and 20 px are set on the classes that use them: tags, icon tiles and inputs, cards.