Your one-stop shop to Prime's brand assets & resources.

Need anything that's not here? Send a telegram message to Guil.

Fonts

Typeface, source and License

Headers

Our main font for headers is Aeonik.
The font has a wide range of different styles that allows you to create excellent font designs. The use of one or another style depends on the task you are doing.

Body text

Our main font for large bodies of text is Inter.
This Google Font allows you to display large bodies of text with a font optimised for legibility. We do not use a large number of styles for this font apart from paragraphs, which does not create additional difficulties.

Colors

Color palette names & hex codes

Global swatches

Primary: Magenta
#FF497A
Primary: Purple
#8668FC
Primary: Dark Purple
#15062d
Secondary:
Light Purple
#EBA7DA
Secondary:
Soft Purple
#A258A7
Secondary:
Yellow
#FFF619
Secondary:
Dark YellowSoft Purple
#FFCE3D
Secondary: Medium Grey
#9398A8
Secondary:
Soft Grey
#DCDAE5
Secondary:
Light Grey
#F9F6F9

Gradients

Gradient 1
#8668FC -> #A258A7
Gradient 2
#15062d > #2d0620
Gradient 3
#15062d > #2a204a
Gradient 4
#A258A7 > #A258A7
Gradient 5
#A258A7 > #8668FC
Gradient 6
#dcdae5 > #9398a8
Gradient 7
#dcdae5 > #f9f6f9

Graphics

infographics, icons, illustrations, animations

Isometric Lines

Infographics

Lottie Files

Photos & Illustrations

photographic and illustrative imagery

Royalty-free photos

Illustrations

Typography

Headings and text styles

Headings

Huge Title - H1

Big Title - H2

Title - H3

Title - H4

Title - H5
Title - H6

Text types

Caption - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Large - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Default - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Hint - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Block quotes

Block Quote

Rich Text

H1 Huge Title

H2 Big Title

H3 Title

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.

Artboard - Dashboard/Admin Template and UI kit

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!

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!

How to customize formatting for each rich text

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.

Unordered list
  • unordered list item
  • unordered list item
  • unordered list item
Ordered list
  1. ordered list item
  2. ordered list item
  3. ordered list item
blockquotes

Lists

Ordered and unordereD

Ordered list

  1. list item 1
  2. list item 2
  3. list item 3

Unordered list

  • list item 1
  • list item 2
  • list item 3

Forms

Form components

Input

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

Select

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

Textarea

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

Checkbox

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

Tabs

Tab component

Tabs

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Tab switchers

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Progress

progress bar

Progress bar small

Progress bar with number

50%