Style 
guide.
Every token, type style and component in Kyro. All colours are CSS variables on :root — recreate them as Webflow Variables and the whole site updates at once.
Warm neutrals, near-black inks and a single ultramarine accent. Use the accent sparingly — it’s the signal.
Inter Tight for display and body, Instrument Serif italic for accents, JetBrains Mono for labels.
We fuse brand, creative and performance to grow companies faster than the industry average.
No layers of account managers. No junior hand-offs. Just senior people who care about your numbers as much as you do.
Text-roll hover with a sliding fill. Add data-magnetic for the magnetic pull on desktop.
Pills for categories, filters for toggles, labels to open every section.
Underlined inputs with mono labels. Chips are styled checkboxes — swap for Webflow checkbox fields.
Apply .rich to a Webflow Rich Text element and every child is styled automatically.
This is a lead paragraph. Use it to open an article with a single confident idea.
Body copy sits at a comfortable reading size with generous line height. Links are underlined in the accent colour, and inline code gets a soft background.
Heading two
Headings inside rich text use the display face with tight tracking to match the rest of the site.
Heading three
- Unordered list item with an accent marker
- Second item to show the vertical rhythm
- Ordered list item
- Another ordered item
Beautiful work performs better. That’s not taste — it’s strategy.
