Components Guide

Client-First V2.4 • Last updated Jan 17, 2025
Style Guide
Framework
Table of Contents
Note: The Table of contents only works on the published site, not in the designer.
Example H2
Example H3
Example H4
Example H5
Example H6

Intro to Components

Components allow you to maintain a consistent, efficient, and scalable website by creating customizable blocks from elements and child elements. Reuse those blocks across your site, and modify them in a single place to avoid individually revising each recurring layout. Throughout this build components are used for Navbars, Footers, and specific sections or layouts like a CTA section. This page should get you up to speed on how to edit components and also includes a list of the components used in this site below. For a full guide on using components check out the Webflow University page.

‍

How to Edit a Component

To make the same changes across all instances of a component, you’ll need to edit the main component. You can edit the main component on any component instance by:

  • Double-clicking the component instance
  • Right-clicking the instance and choosing Edit component
  • Selecting the instance and clicking the “pencil” icon in the label
  • Selecting the instance and clicking the Edit component button in the Style, Element settings, or Interactions panels
  • Selecting the instance and using the keyboard shortcut Enter

When you do this all other elements on the page will get a dark overlay to show that you are updating the main component and that any changes to it will affect all other instances of that component.

‍

Understanding component properties

Component properties let you define specific elements within a component that can be modified with unique values on a component instance. For example you could make a CTA section that has an editable title and button. In more advanced use cases component properties can also show and hide specific elements, or even change visual styles (like button style, spacing amounts, or section color).

To edit a content property (eg a heading or image) you should:

  1. Locate the component instance that contains the element whose values you want to modify
  2. Select the element on the canvas
  3. Go to Element settings panel > Component properties
  4. Modify the element’s property values (e.g., update the text, replace an image, set the visibility, etc.)

Note: Some components (like a Navbar) might not have any properties set up because instead of having the component include different content on each page it needs to be consistent across the site without any parts of it changing.

‍

Components in this site

The components used in this site are displayed below, feel free to copy and paste them onto new pages or modify them to familiarize yourself with each of their options. Note: The navbar is not included on this page but you can find it on almost any other page throughout the site.

Section / Home Header
Agio Ratings and Relm Insurance Announcement

The premier risk management platform in digital assets

Agio Ratings delivers independent and rigorously-tested insights on financial risk in the digital asset industry for professionals who need to manage risk with confidence.

Book a Demo
Section / Page Header
Tagline

Medium length hero heading goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Button
Section / Archive Header

Agio Ratings Insights

Gain valuable insights into the digital asset market and risk management strategies with Agio Ratings.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Section / Header Simple

Careers at Agio Ratings

Join a team of pioneers bringing valuable risk insights to firms in cutting-edge financial markets.

Section / Platform Header
Agio Ratings

Platform Features

Ratings

Empirical, calibrated, statistical forecasts of default risk for the market’s leading trading venues.

Ratings

Ratings

Empirical, calibrated, statistical forecasts of default risk for the market’s leading trading venues.

Ratings

Monitoring

Track on-chain risk signals in near real-time.

Monitoring

Monitoring

Track on-chain risk signals in near real-time.

Monitoring

Modeling

Convert any probability of default for a portfolio of counterparties into a loss distribution.

Modeling

Modeling

Convert any probability of default for a portfolio of counterparties into a loss distribution.

Modeling

Email Notifications

Get real-time risk alerts

Email Notifications

Get real-time risk alerts

History

View past ratings and risk trends

History

View past ratings and risk trends

Comparisons

Benchmark counterparties against industry trends

Comparisons

Benchmark counterparties against industry trends

Key Risk Drivers

Identify factors influencing default probability

Key Risk Drivers

Identify factors influencing default probability

Settings

Customize risk assessment parameters

Settings

Customize risk assessment parameters

Tracking Requests

Monitor counterparties and emerging risks

Tracking Requests

Monitor counterparties and emerging risks

API Docs

Integrate Agio’s data into your workflows

API Docs

Integrate Agio’s data into your workflows

Documentation

Access detailed reports and insights

Documentation

Access detailed reports and insights

Whitepaper

Learn about our methodology and research

Whitepaper

Learn about our methodology and research

Changelog

Stay updated on platform improvements

Changelog

Stay updated on platform improvements

Section / Post Header
Resources
Insights

Heading

This is some text inside of a div block.
Section / Use Cases

Use case 1

Small description as a sentence.

Use case 2

Small description as a sentence.

Use case 3

Small description as a sentence.

Use case 4

Small description as a sentence.

Section / Career Benefits
01
Benefits

Nice Office in London

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

02
Benefits

Bi-Annual Gathering

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

03
Benefits

Shared Learning

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Section / Career Stats

A global team ready to take over the world.

We are an ambitious team enriched by a diverse set of experiences. Our team members have worked in 3-person startups and global banks; they’ve defended human rights in court and influenced policy as regulators; they’ve served millions of product users and traded billions across asset classes. We are united by a commitment to independence, rigor, objectivity, and innovation.

2022

Founded

$20m

Product Sales

500+

Employees

5k+

Customers

Section / Client Testimonials

What our clients say

“...Their risk alerts allow proactive risk mitigation, and we've recently added their Risk Simulator to model broader risk events. We highly recommend Agio Ratings for those focused on comprehensive risk management.”
Bernard Orenstein
CEO of Sharewell
"Agio Ratings' risk platform offers real-time, advanced assessments of key counterparties and has enhanced our methodology for managing portfolio..."
John Glover
Chief Investment Officer at Ledn
Section / Contact
“...Their risk alerts allow proactive risk mitigation, and we've recently added their Risk Simulator to model broader risk events. We highly recommend Agio Ratings for those focused on comprehensive risk management.”
Bernard Orenstein
CEO of Sharewell
“...Their risk alerts allow proactive risk mitigation, and we've recently added their Risk Simulator to model broader risk events. We highly recommend Agio Ratings for those focused on comprehensive risk management.”
Bernard Orenstein
CEO of Sharewell
“...Their risk alerts allow proactive risk mitigation, and we've recently added their Risk Simulator to model broader risk events. We highly recommend Agio Ratings for those focused on comprehensive risk management.”
Bernard Orenstein
CEO of Sharewell

Book a Demo

Lorem ipsum dolor sit amet adipiscing elit.

Thank you! Your submission has been received!
Something went wrong while submitting the form.
“...Their risk alerts allow proactive risk mitigation, and we've recently added their Risk Simulator to model broader risk events. We highly recommend Agio Ratings for those focused on comprehensive risk management.”
Bernard Orenstein
CEO of Sharewell
"Agio Ratings' risk platform offers real-time, advanced assessments of key counterparties and has enhanced our methodology for managing portfolio..."
John Glover
Chief Investment Officer at Ledn
Section / CTA Demo

Manage risk professionally

Agio Ratings helps financial leaders make smarter, data-driven decisions in the evolving digital assets landscape. Protect your capital, optimize underwriting, and stay ahead of market risks.

Book a Demo
Section / CTA Subscribe

Subscribe to our
monthly risk briefing

Your trusted source of credit insights for the digital asset market, serving market makers, funds, regulators, banks and insurers.

By clicking Sign Up you're confirming that you agree with our Terms and Conditions.
You have been subscribed!
Something went wrong while submitting the form.
Section / Employee Testimonials

What our employees say

The work here is incredibly rewarding. It’s exciting to bridge the gap between raw blockchain data and interfaces that make it understandable and engaging. Personally, I love the freedom to shape the visual identity of our product from the ground up and the autonomy to stretch my knowledge into areas like UI/UX and design.
Justyna S.
Justyna S.
Front End Developer
I’ve been able to leverage my academic work in applied mathematics to drive research and introduce new products to market quickly. The culture here is rooted in intellectual rigor and precision yet focused on value for users. What truly stands out is the balance between autonomy and collaboration: I get to move fast, contribute meaningfully, and learn from experienced, approachable founders who are pushing the boundaries of the field.
Andrei I.
Andrei I.
Research Manager
My early professional experience in the crypto industry opened my eyes to just how crucial principled, diligent work is in this space. What drew me to Agio was the shared commitment to doing things the right way—not just chasing quick wins but building something sustainable and rooted in integrity. It’s incredibly rewarding to be part of a team that truly values long-term impact and transparency
Austin G.
Austin G.
Product Lead
Helping the market grow sustainably means building the foundations it needs to mature. As Engineering Lead, I get to design systems that process volumes of data while advancing risk assessment standards in crypto. I like that I get to help lay the groundwork for a more robust and credible financial sector.
Dominik S.
Dominik S.
Engineering Lead
Section / Feature
Feature name

Point 1 of the feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Section / Insights List

Latest insights from agio ratings

View all insights

Risk Simulator: Managing Counterparty Risk in Crypto like a TradFi Quant

September 6, 2024

Banks and Crypto-Adjacent Risks

August 1, 2024

Anomaly Alerts: Enhancing Counterparty Risk Management

July 30, 2024
Section / Investors

Backed by leading investors

Read Funding Announcement
Section / Logos
Section / Platform Features
Platform

Agio Ratings Features

View all features

Ratings

Empirical, calibrated, statistical forecasts of default risk for the market’s leading trading venues.

Ratings

Monitoring

Track on-chain risk signals in near real-time.

Monitoring

Track on-chain risk signals in near real-time.

Modeling

Convert any probability of default for a portfolio of counterparties into a loss distribution.

Modeling

Convert any probability of default for a portfolio of counterparties into a loss distribution.

Email Notifications

Get real-time risk alerts

Email Notifications

Get real-time risk alerts

History

View past ratings and risk trends

History

View past ratings and risk trends

Comparisons

Benchmark counterparties against industry trends

Comparisons

Benchmark counterparties against industry trends

Key Risk Drivers

Identify factors influencing default probability

Key Risk Drivers

Identify factors influencing default probability

Settings

Customize risk assessment parameters

Settings

Customize risk assessment parameters

Tracking Requests

Monitor counterparties and emerging risks

Tracking Requests

Monitor counterparties and emerging risks

API Docs

Integrate Agio’s data into your workflows

API Docs

Integrate Agio’s data into your workflows

Documentation

Access detailed reports and insights

Documentation

Access detailed reports and insights

Whitepaper

Learn about our methodology and research

Whitepaper

Learn about our methodology and research

Changelog

Stay updated on platform improvements

Changelog

Stay updated on platform improvements

Section / Use Cases
Use cases

Who Uses Agio Ratings?

Trading Firms

Validate risk exposure and improve counterparty selection.

Explore

Insurers

Confidently price insurance with data-backed insights.

Explore

Banks

Optimize risk-adjusted returns in all crypto-facing business lines.

Explore
Section / Post Content

Introduction

Mi tincidunt elit, id quisque ligula ac diam, amet. Vel etiam suspendisse morbi eleifend faucibus eget vestibulum felis. Dictum quis montes, sit sit. Tellus aliquam enim urna, etiam. Mauris posuere vulputate arcu amet, vitae nisi, tellus tincidunt. At feugiat sapien varius id.

Eget quis mi enim, leo lacinia pharetra, semper. Eget in volutpat mollis at volutpat lectus velit, sed auctor. Porttitor fames arcu quis fusce augue enim. Quis at habitant diam at. Suscipit tristique risus, at donec. In turpis vel et quam imperdiet. Ipsum molestie aliquet sodales id est ac volutpat.

Image caption goes here
Dolor enim eu tortor urna sed duis nulla. Aliquam vestibulum, nulla odio nisl vitae. In aliquet pellentesque aenean hac vestibulum turpis mi bibendum diam. Tempor integer aliquam in vitae malesuada fringilla.

Elit nisi in eleifend sed nisi. Pulvinar at orci, proin imperdiet commodo consectetur convallis risus. Sed condimentum enim dignissim adipiscing faucibus consequat, urna. Viverra purus et erat auctor aliquam. Risus, volutpat vulputate posuere purus sit congue convallis aliquet. Arcu id augue ut feugiat donec porttitor neque. Mauris, neque ultricies eu vestibulum, bibendum quam lorem id. Dolor lacus, eget nunc lectus in tellus, pharetra, porttitor.

"Ipsum sit mattis nulla quam nulla. Gravida id gravida ac enim mauris id. Non pellentesque congue eget consectetur turpis. Sapien, dictum molestie sem tempor. Diam elit, orci, tincidunt aenean tempus."

Tristique odio senectus nam posuere ornare leo metus, ultricies. Blandit duis ultricies vulputate morbi feugiat cras placerat elit. Aliquam tellus lorem sed ac. Montes, sed mattis pellentesque suscipit accumsan. Cursus viverra aenean magna risus elementum faucibus molestie pellentesque. Arcu ultricies sed mauris vestibulum.

Conclusion

Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus id scelerisque est ultricies ultricies. Duis est sit sed leo nisl, blandit elit sagittis. Quisque tristique consequat quam sed. Nisl at scelerisque amet nulla purus habitasse.

Nunc sed faucibus bibendum feugiat sed interdum. Ipsum egestas condimentum mi massa. In tincidunt pharetra consectetur sed duis facilisis metus. Etiam egestas in nec sed et. Quis lobortis at sit dictum eget nibh tortor commodo cursus.

Odio felis sagittis, morbi feugiat tortor vitae feugiat fusce aliquet. Nam elementum urna nisi aliquet erat dolor enim. Ornare id morbi eget ipsum. Aliquam senectus neque ut id eget consectetur dictum. Donec posuere pharetra odio consequat scelerisque et, nunc tortor.
Nulla adipiscing erat a erat. Condimentum lorem posuere gravida enim posuere cursus diam.