Overview
Search
Clear search query
Design Tokens
colors
sizes
typography
components
apps
cloud
profile
Full page
api
profile edit
Component: Success response
Component: Error response
profile image editor
default
services
default
support ticket
Full page
Employee: Full page
api
form contact support
Component: Success response
Component: Error response
Component: Failed attachments
_categories macro
default
ticket detail
Full page
api
app ticket detail
Component: Success response
attachments list
default
comment thread
default
ticket overview
Full page
app ticket overview
default
Employee
ticket status
default
ticket table
default
user management
Full page
Employee: Full page
Read-Only: Full page
app user management
default
create user form
default
api
deactivation form
default
api
list
default
table
default
extranet
asset detail
default
app asset detail
default
video
viewer
default
video
category overview
default
app category overview
default
components
asset card
default
finstral asset download
default
forms
search
clear refinements
current refinements
extranet results
default
finstral custom disclosure
default
loader
default
refinement list
default
refinement tags
default
refinements
default
result bar
default
toggle
default
search form
default
searchbox
show more
default
sort by
default
session end alert
default
extranet overview
Full page
app extranet overview
default
latest assets
default
extranet search
Full page
app extranet search
default
subcategory overview
Full page
app subcategory overview
default
elements
accordion
default
Open
accordion item
default
Long title
Open
alert box
default
Tone: success
Tone: warning
Tone: critical
Dismissable
With Title
Tone: success
Tone: warning
Tone: critical
Dismissable
badge
Neutral xs
Neutral md
Neutral
Success
Warning
Critical
Activity
badge list
default
button
Hero CTA
Primary button small
Primary button medium
Primary button large
Primary button responsive
Primary link
Primary button icon start
Primary button icon end
Primary button loading
Primary button icon only small
Primary button icon only medium
Primary button icon only large
Primary button badge
Primary button disabled
Primary button tone: neutral
Secondary button
Secondary button icon only
Secondary button badge
Secondary button disabled
Secondary button loading
Secondary link
Tertiary button
Tertiary button icon only
Tertiary button disabled
Tertiary button loading
card
With image
With partner
card user profile
default
Full card
Full card hidden avatar
Minimal
contact block
default
partner
partner info
_contact block link
telephone
email
website
dialog
default
Application form iframe
file uploader
default
Cloud support
Required
filedrop
default
form
default
Application form
fieldset
default
complete
Select
Radios
form element
Input
Input with description
Input invalid
Input invalid with description
File Input with description
Select
Date
Textarea
Checkbox
Checkbox invalid
Checkbox checked
Checkbox disabled
Checkbox invalid and checked
Checkbox checked and disabled
Radio
Radio invalid
Radio checked
Radio disabled
Radio invalid and checked
Radio checked and disabled
Submit
input
Empty
Placeholder
Invalid
Filled out
Disabled
Invalid and filled-out
Filled out and disabled
label
default
Required
long label
large
Icon
option
Checkbox
Checkbox invalid
Checkbox checked
Checkbox disabled
Checkbox invalid and checked
Checkbox checked and disabled
Radio
Radio invalid
Radio checked
Radio disabled
Radio invalid and checked
Radio checked and disabled
textarea
default
Invalid
Filled out
Disabled
Invalid and filled-out
Filled out and disabled
icon
small
medium (default)
large
xlarge
xxlarge
Admin
Arrow back
Arrow forward
Arrow up
Arrow down
Audio
Bulletpoint
Check
Check circle
Check circle filled
Chevron down
Chevron left
Chevron right
Chevron up
Circle
Circle filled
Circle warning
Close
Cloud
Delete
Delete filled
Divider
Edit
Email
Error
Error circle
Error circle filled
Facebook
Filter
Handbook
Info
Instagram
Job
Landing pages - email
Landing pages - home
Landing pages - location
LinkedIn
Login
Menu
Muted
Note
Notes
Pause
pdf
Phone
Pin
Pinterest
Play
Replay
Search
Settings
Switch off
Switch on
Switch pending
Upload
User
User create
Warning
X
YouTube
image
default
src with lazy
standard slp hero
f04 slp hero
carousel slider 9x16
carousel slider icon
partner logo
srcset with same ratio
srcset with different ratio
srcset with lazy loading
16x9
3x4
16x9_9x16
2x1_9x16
9x16
9x16_picture
Story slider intro slide
Story slider missing intro slide
Story slider picture
Avatar
benefit overview
benefit 1
benefit 2
benefit 3
benefit 4
benefit 5
Mixed story slide
info message
Critical
Info
Success
Warning
Info dismissible
link
default
Small
Large
With icon
With position start
With aria label
tone: critical
tone: neutral
tone: success
link card
Extranet Category Card
Cloud Quicklink Card
navigation link
default
level two
notecard
Info
Note
Success
Warning
Error
option card
basic
rich
inline
standalone
page title
default
With sub-text
With help text
With sub and help text
partner logo
default
rich text
default
select
default
With Placeholder
Invalid
Disabled
Invalid and disabled
With optgroups
skeleton loader
default
slider
few slides
many slides
full width slides
table
default
toast
default
alert
alert error
alert success
callback
timer
timer and close button
timer, close and light dismiss
video
default
Mobile / Desktop
Video with subtitles
Storyslider
Video slide decorative
video custom controls
default
Decorative
video embed
default
patterns
application form
job specific application
initiative application
cards list
default
With visible heading
With background color
With heading, color, partner
cards quick links
default
six_up
eight_up
carousel slider
default
icon
small two
small three
small four
slide
image slide
icon slide
carousel with title
default
USP
cloud services
default
four-up
card service
default
With support link
welcome message
default
contact
default
details
default
faq
default
Schlern light
Jakobskraut
Leinen
Sandstein
Latsche
Schwarz esche
form section
address
default
personal information
default
show role
privacy
default
forms
f04 order form
default
heading
h1
h2
h3
h4
h5
h6
hero
with content
video
with partner card
with card
information request form
default
intro
default
without contact
with overline
partner
with divider line
with overline and contact_block
job description
default
Contact
media content block
default
Reversed
External Link
sandsteinlight
brand
Video
with overline
media teaser
default
video
partner
default
multiple images
partner studio block
stories
default
story
Image
Text
story slider
default
default with image
Three Up
Intro And Two Video Slides
slide benefits
default
No contact
Short list
contact
default
slide image
default
With title
With title and overline
slide intro
Intro with image
Intro with missing image
Intro with picture image
Terrakotta intro with image
Intro no overline
Intro with video
slide mixed
default
Image top
slide video
default
With title
With title and overline
tags
default
With heading
tag
default
With link
With remove button
teaser card list
default
text teaser
Initiative application
Thank you
Vacancies
title
default
Excludes copy
standalone
tree nav
default
template components
breadcrumb
default
current linked
long
content
SLP: Finstral
SLP: Finstral Partner
SLP: F04
SLP: Finstral Partner
Jobs: Home
Jobs: Job description
Jobs: Job description without contact
Jobs: Job: Story Slider: Three Up
Jobs: Application form
Jobs: Application form success
Cloud: Dashboard
403
404
aside
default
main
SLP: Finstral
SLP: Finstral Partner
SLP: F04
Jobs: Home
Jobs: Job description
Jobs: Job description without contact
Jobs: Job: Story Slider: Three Up
Jobs: Application form
Jobs: Application form success
Cloud: Dashboard
404
403
cookie consent
default
footer
default
contact
default
copy item
item-1
item-2
item-3
item-4
item-5
item-6
item-7
details
default
menu
default
social nav
default
header
Finstral SLP
apply now
Unsolicited application
Finstral Cloud logo
Cloud: With user menu
Extranet architect
user navigation
default
menu
default
search
default
prefiltered department
prefiltered department with partner jobs
prefiltered department and location
dropdown
default
side nav
default
_nav
default
language
default
menu
default
templates
app cloud page
Edit Profile
Contact Support
Manage My Team
Ticket Overview
Employee Ticket Overview
Ticket Detail
Extranet Overview Architect
Extranet Overview
Extranet Category Overview
Extranet Search
Subcategory Overview
Extranet Asset Detail
cloud content
Edit Profile
Contact Support
Manage My Team
Ticket Overview
Employee Ticket Overview
Ticket Detail
Extranet Overview
Extranet Category Overview
Extranet Search
Subcategory Overview
Extranet Asset Detail
default
Finstral SLP
Finstral Partner SLP
F04 Order Form
Jobs: Home
Jobs: Job description
Jobs: Job description without contact
Jobs: Job: Story Slider: Three Up
Jobs: Application form
Jobs: Application form success
403
404
Cloud Dashboard
Open Settings
Close Settings
Color scheme
light
dark
auto
Text direction
left to right
<
right to left
Development mode
Go to…
apps/cloud/profile
apps/cloud/profile/profile-edit
apps/cloud/profile/profile-edit/profile-image-editor
apps/cloud/profile/profile-edit/services
apps/cloud/support-ticket
apps/cloud/support-ticket/form-contact-support
apps/cloud/support-ticket/form-contact-support/_categories-macro
apps/cloud/ticket-detail
apps/cloud/ticket-detail/app-ticket-detail
apps/cloud/ticket-detail/app-ticket-detail/attachments-list
apps/cloud/ticket-detail/app-ticket-detail/comment-thread
apps/cloud/ticket-overview
apps/cloud/ticket-overview/app-ticket-overview
apps/cloud/ticket-overview/app-ticket-overview/ticket-status
apps/cloud/ticket-overview/app-ticket-overview/ticket-table
apps/cloud/user-management
apps/cloud/user-management/app-user-management
apps/cloud/user-management/app-user-management/create-user-form
apps/cloud/user-management/app-user-management/deactivation-form
apps/cloud/user-management/app-user-management/list
apps/cloud/user-management/app-user-management/table
apps/extranet/asset-detail
apps/extranet/asset-detail/app-asset-detail
apps/extranet/asset-detail/app-asset-detail/viewer
apps/extranet/category-overview
apps/extranet/category-overview/app-category-overview
apps/extranet/components/asset-card
apps/extranet/components/asset-card/finstral-asset-download
apps/extranet/components/search/extranet-results
apps/extranet/components/search/finstral-custom-disclosure
apps/extranet/components/search/loader
apps/extranet/components/search/refinement-list
apps/extranet/components/search/refinement-tags
apps/extranet/components/search/refinements
apps/extranet/components/search/result-bar
apps/extranet/components/search/result-bar/toggle
apps/extranet/components/search/search-form
apps/extranet/components/search/searchbox
apps/extranet/components/search/show-more
apps/extranet/components/search/sort-by
apps/extranet/components/session-end-alert
apps/extranet/extranet-overview
apps/extranet/extranet-overview/app-extranet-overview
apps/extranet/extranet-overview/app-extranet-overview/latest-assets
apps/extranet/extranet-search
apps/extranet/extranet-search/app-extranet-search
apps/extranet/subcategory-overview
apps/extranet/subcategory-overview/app-subcategory-overview
elements
elements/accordion
elements/accordion/accordion-item
elements/alert-box
elements/badge
elements/badge-list
elements/button
elements/card
elements/card-user-profile
elements/contact-block
elements/contact-block/_contact-block-link
elements/dialog
elements/file-uploader
elements/filedrop
elements/form
elements/form/fieldset
elements/form-element
elements/form-element/input
elements/form-element/label
elements/form-element/option
elements/form-element/textarea
elements/icon
elements/image
elements/info-message
elements/link
elements/link-card
elements/navigation-link
elements/notecard
elements/option-card
elements/page-title
elements/partner-logo
elements/rich-text
elements/select
elements/skeleton-loader
elements/slider
elements/table
elements/toast
elements/video
elements/video-custom-controls
elements/video-embed
patterns
patterns/application-form
patterns/cards-list
patterns/cards-quick-links
patterns/carousel-slider
patterns/carousel-slider/slide
patterns/carousel-with-title
patterns/cloud-services
patterns/cloud-services/card-service
patterns/cloud-services/welcome-message
patterns/contact
patterns/contact/details
patterns/faq
patterns/form-section/address
patterns/form-section/personal-information
patterns/form-section/privacy
patterns/forms/f04-order-form
patterns/heading
patterns/hero
patterns/information-request-form
patterns/intro
patterns/job-description
patterns/media-content-block
patterns/media-teaser
patterns/partner
patterns/stories
patterns/stories/story
patterns/story-slider
patterns/story-slider/slide-benefits
patterns/story-slider/slide-benefits/contact
patterns/story-slider/slide-image
patterns/story-slider/slide-intro
patterns/story-slider/slide-mixed
patterns/story-slider/slide-video
patterns/tags
patterns/tags/tag
patterns/teaser-card-list
patterns/text-teaser
patterns/title
patterns/tree-nav
template-components
template-components/breadcrumb
template-components/content
template-components/content/aside
template-components/content/main
template-components/cookie-consent
template-components/footer
template-components/footer/contact
template-components/footer/copy-item
template-components/footer/details
template-components/footer/menu
template-components/footer/social-nav
template-components/header
template-components/header/user-navigation
template-components/header/user-navigation/menu
template-components/search
template-components/search/dropdown
template-components/side-nav
template-components/side-nav/_nav
template-components/side-nav/language
template-components/side-nav/menu
templates
templates/app-cloud-page
templates/cloud-content
templates/default