Style Guide - Finalis

Typography

XL
88px | 80px

XL Text Sample

L
64px | 72px

L Text Sample

M
48px | 56px

M Text Sample

S
28px | 32px

S Text Sample

XS
20px | 28px

XS Text Sample

XS + Financier
20px | 28px

XS Text Sample

Body L
22px | 32px

Body L Text Sample - Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.

Body M
18px | 28px

Body M Text Sample - Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.

Body S
16px | 24px

Body S Text Sample - Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.

Body XS
14px | 20px

Body XS Text Sample - Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.

Buttons

Button
Button
Button
Button + Secondary
Button
Button + Secondary
Button + Login
Button
Button + Small
Button
Button + Small + Secondary
Button
Button + Small + Outline
Link Icon

Text Colors + Helpers

Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.
Text White
Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.
Text Blue
Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.
Text Turquoise
Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.
Opacity 50
Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.
Opacity 80
Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.
Text Gradient

Background Colors

#6366F1
Backgroud Color Yellow
#8C8EF5
Backgroud Color Purple
#f4f4f4
Backgroud Color Gray

Rich text

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Sed do eiusmod tempor incididunt
  • Labore et dolore magna aliqua
Ut porro aperiam dolores. Maxime aut rerum corporis est iusto quod molestiae ut quisquam.

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Forms

This should be the Firm Name you intend to use to conduct securities-related business at Finalis.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Modules

Block Intro Layout

Powerful knowledge for today’s dealmakers

Stay up-to-date on tech-enabled resources tailored to your team, your needs, and all the ways you can make the most of Finalis.

Block Intro Layout + Center

Powerful knowledge for today’s dealmakers

Stay up-to-date on tech-enabled resources tailored to your team, your needs, and all the ways you can make the most of Finalis.

Block Intro Layout + Center + Small

640px Powerful knowledge for today’s dealmakers

Stay up-to-date on tech-enabled resources tailored to your team, your needs, and all the ways you can make the most of Finalis.

Block Intro Layout + Center + Medium

860px Powerful knowledge for today’s dealmakers

Stay up-to-date on tech-enabled resources tailored to your team, your needs, and all the ways you can make the most of Finalis.

Block Intro Layout + Small

Finalis Hub™

Our team manages the deals, processes, data and services

Our proprietary Compliance Operations and Virtual Data Room dashboards ensure that dealmakers on our platform are on top of every requirement for their deal execution process.
  • List Item 1
  • List Item 1

Gain Independence

Whether you’re an established boutique bank or placement agency seeking to maximize your growth, or an independent banker or M&A broker just launching your professional brand, Finalis’ Work Flow solution gives you the leverage you need

Comprehensive Coverage

With a secure single sign-on, access all of your fully integrated broker-dealer dealmaking back office tools. With a secure single sign-on, access all of your fully integrated broker-dealer dealmaking back office tools

Opengraph

Favicon

Webclip

Footer Fase 1

Footer Fase 2

Footer Fase 3