Styleguide

Need some help building pages? Here you can find FINCAD’s library of components and styles. Refer to this page whenever you need help.

Components

The following is a list of all of FINCAD’s web components to build a page. This guide will help you familiarize with the components name and design.

Local navigation

This block is sticky, look on the left side to see the navigation block.

Basic Text Block

The basic block has no style and is just pure HTML.

Icons Block

* Circle View mode

Always ahead.

With FINCAD, you can stay ahead of the curve and make informed decisions every step of the way.

Valuation

Seamless valuation of portfolios under new curves.

Transparency

Enterprise-wide market view of pricing.

Future-Proof

Easily adapt through the transition period and beyond.

* Basic icon view mode

performance-money-increase
Manage portfolios and risk with confidence and precision.
performance-money-increase
Respond quickly to changing market conditions.
performance-money-increase
Optimize trading and hedging with accurate valuations.
performance-money-increase
Evaluate large-sized portfolios the way you want.

* Side icon view mode

Our Core Values

TEAMWORK

We believe in each other and we can only win as a team

Delivering Results

We value excellence, efficiency, hard work and creativity

Honesty & Integrity

We tell the truth to each other and to our customers even when it hurts

Customers First

We want our customers to recommend us enthusiastically

Card grid

* Blue Card Grid View mode

* Card Outline Grid view mode

CTA Block

* Main CTA Block View mode

* Inline CTA Block View mode

Need more information?

Not sure how to implement your FINCAD solution? Download our free implementation brochure to see how we support you every step of the way.

Header

* When selecting display "Homepage Header"

Precise Analytics Every Time

ALWAYS AHEAD OF THE CURVE

With FINCAD’s market-leading derivatives analytics solutions, you can model and analyze any curve, any instrument, any way you want.

* When selecting display "Top Level Page Header"

Partners

Partners subtitle

We partner with many of the leading financial technology brands to help them reach new markets and better serve their customers.

Learn more about the FINCAD Alliance Program.

* When selecting display "Landing Page Header"

Solutions

World-Class Analytics, Infinite Flexibility

Location block

Work at one of our locations

Vancouver
Vancouver
New York
New York
Dublin
Dublin
London
London

Partners Logos Block

Firms that stay ahead of the curve use FINCAD

logo_aberdeen_asset_mgmt
logo_phoenix_life
logo_spectrum_brands
National Bank of Greece
logo_enfusion
logo_viteos
logo_citibank
logo_deutsche_bank

Resources

Explore resources

Video
Python - Improving Data Science in Finance: Video
Python - Improving Data Science in Finance: Video
Brochure
F3 Python Toolkit
F3 Python Toolkit
Datasheet
F3 Coverage Datasheet
F3 Coverage Datasheet

Slider

* Vertical Slider View mode

Work is important and so is life.

Luptae qui non con endi simeturiat. Min es ex eaquis veles de sit ratur maximpo ratinve nisquis quam laut od maio officipsae volorerume perferferis verro ducipsam dolent de dolorer uptatur aute veliquosapel ipsam.

PRMIA London: Brexit Risk Management: Navigating through Certain Uncertainty
Work is important and so is life 2

Luptae qui non con endi simeturiat. Min es ex eaquis veles de sit ratur maximpo ratinve nisquis quam laut od maio officipsae volorerume perferferis verro ducipsam dolent de dolorer uptatur aute veliquosapel ipsam.

Eagle Engage

* Horizontal Slider View mode

Our story lorem ipsum dolor sit amet,  consectetur adipiscing elit sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur.

2 - Our story lorem ipsum dolor sit amet,  consectetur adipiscing elit sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur.

3 - Our story lorem ipsum dolor sit amet,  consectetur adipiscing elit sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur.

4 - Our story lorem ipsum dolor sit amet,  consectetur adipiscing elit sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur.

Text

Extend your Reach. Build new Markets.

Search our directory of more than 70 technology and service companies that are provide trading, investment, risk, and treasury management systems or services using FINCAD's leading analytics.

Text with Image

* Text with Image View mode

Develop faster

Python allows you to boost your productivity and extend FINCAD's analytics capabilities using a vast ecosystem of off-the-shelf libraries and tools. You can easily write custom apps to backtest investment strategies, optimize portfolios and achieve hedging profiles without waiting for a system upgrade.

* Text with Large Image View mode

Develop faster

Python allows you to boost your productivity and extend FINCAD's analytics capabilities using a vast ecosystem of off-the-shelf libraries and tools. You can easily write custom apps to backtest investment strategies, optimize portfolios and achieve hedging profiles without waiting for a system upgrade.

* Feature Text with Large Image View mode

Develop faster

Python allows you to boost your productivity and extend FINCAD's analytics capabilities using a vast ecosystem of off-the-shelf libraries and tools. You can easily write custom apps to backtest investment strategies, optimize portfolios and achieve hedging profiles without waiting for a system upgrade.

Text List

Volunteering

Embedded Partners utilize our industry-leading analytics to extend the solutions. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Luptae qui non con endi simeturiat.

Fundraising & Charitable donations:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sit amet, consectetur adipiscing elit. Luptae qui non con endi simeturiat.

Video block

Keep up with market evolution.

FINCAD's industry-standard derivative analytics allow you to effortlessly shift to new benchmark rates like SOFR, SONIA, €STR, including any additional rates that crop up in the future. You can also test multiple scenarios for any instrument, such as bonds and loans, all at the same time, at any time, without waiting for system upgrades or onerous customisation.

LAYOUTS

Layouts allows to add additional styles or to group your different blocks together.

Fincad Default

Style - Feature Section Curve Top

This is a top blue style section

Style - Feature Section Curve Bottom

This is a Bottom Blue/Red style section.

Style - Blue Border

This is a top blue border style section.

Style - Grey Border

This is a top grey/blue border style section.

Tabs component

Tab 1 Title

Tab 1 content

Tab 2 title

Tab 2 content

Tab 3 title

Tab 3 content

Wysiwyg styles

 

Headings

Heading 2

Heading 3

H3 Blue highlight

 

Buttons

Button Arrow CTA

Button Link More

Button Solid bold blue

Button Outline bold blue

Text styles

Big blue text

Small blue text

Highlight dark blue text