search faculty.ai
All commonly used blocks, modules,
buttons, typography & graphics.
Design System — Typography
H1
90px – Protokoll Light
H2
52px – Protokoll Regular
H3
38px – Protokoll regular
H6 Medium
25px – Protokoll Medium
H6
25px – Protokoll Regular
Body
Semi Bold, Black
19px – Inter Semi Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Body
19px – Inter Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Button
19px – Inter Medium
Lorem ipsum dolor sit amet
Caption
16px – Inter Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Quote
30px – Sabon LT STD Bold
Lorem ipsum et dolor sit amet et consectetur adipiscing elit, eiusmod do tempor magna.
All Caps Title
13px – Inter Medium
Lorem ipsum dolor sit amet
Name, Job Title, Company
Name, Job Title, Company
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in Decision Intelligence reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Body copy: maximum 170 characters. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam, quis nostrud.
AWS Partner
– Advanced Tier
AWS ISV
Accelerate
AWS Partner – Global
Startup Program
Body copy: Maximum 200 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minimum et veniam, quis.
Body copy: Maximum 200 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minimum et veniam, quis.
Body copy: Maximum 200 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minimum et veniam, quis.
Body copy: maximum 140 characters on three lines.
Lorem ipsum sit amet, manticus adipiscing elit,
sed do lorem ipsum proteus lorem ipsum sit amet.
Body copy: maximum 140 characters on three lines.
Lorem ipsum sit amet, manticus adipiscing elit,
sed do lorem ipsum proteus lorem ipsum sit amet.
This is a block quote set to M size in Inter UI with a line height of 1.5. Lorem ipsum et dolor sit amet consectetur esse adipiscing elit, eiusmod do tempor magna.
This is the citation, set to blue
Blue body copy used for the citation
Subtitle: maximum 200 characters on no more than two lines set as an H4 title. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.
Clicking the icon (top right in image) opens the list view. This is the easiest way to select anything in a group of block, for example, if you need to select a specific column to add padding.
Click the three dots on the right of each list item to delete, duplicate, copy / paste styles and (very useful) add a new block before / after the block you selected.
THREE COLUMN BLOCK
This is a left aligned three column block. The left column is set to 35% and the right column is set to 50%.
This last paragraph has Padding Bottom set to 2 in the Block > Dimensions settings.
THREE COLUMN BLOCK
This is a right aligned three column block. The left column is set to 50% and the right column is set to 41%. The centre column is flexible.
This last paragraph has Padding Bottom set to 2 in the Block > Dimensions settings.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore laborummagna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia mollit anim.