Before you dive in: If you're new to Webflow, don't worry! We think it's a fantastic tool, but it might take a minute to get the hang of it. We recommend checking out Webflow University's 101 Course. Trust us, it'll make your design journey smoother!
Global Changes: Any changes you do here will effect your entire theme. Avoid making changes directly on other pages to prevent design inconsistencies.
Colors
The Singularity template uses Color Variables, so changing one color can update your entire site. Learn more about variables here.
Tip: Keep similar colors within the same tonal family (e.g., Primary 3 should be a darker shade of your primary color) for a harmonious look.
Tip: Keep similar colors within the same tonal family (e.g., Primary 3 should be a darker shade of your primary color) for a harmonious look.
Primary
Primary 1
Brand color
Primary 2
Light shade
Primary 3
Dark shade
Secondary
Secondary 1
Secondary 2
Neutral
Neutral 1
Neutral 2
Neutral 3
Neutral 4
Neutral 5
Neutral 6
Neutral 7
Neutral 8
Neutral 9
Neutral 0
Typography
Singularity uses a single site-wide font. To change it, update the 'Main-Font Family' variable in the Variables section. Learn more about variable fonts here.
Font Sizes: Webflow uses Rems for all text sizes, making your website more accessible and adaptable. Rems adjust based on user preferences, ensuring optimal readability. Learn about units in Webflow here.
Tip: Use this website to convert pixels to rems.
Custom Fonts: In case you need a custom or premium font that is not available on Webflow, you can always go to Project Settings > Fonts and you will be able to upload custom fonts, or connect your Adobe Fonts account.
Tip: Use this website to convert pixels to rems.
Custom Fonts: In case you need a custom or premium font that is not available on Webflow, you can always go to Project Settings > Fonts and you will be able to upload custom fonts, or connect your Adobe Fonts account.
Headings
Display XXL
Plus Jakarta Sans
Light
64 / 120%
Light
64 / 120%
Empowering your success in the tech industry
Display XL
Plus Jakarta Sans
Semibold
64 / 120%
Semibold
64 / 120%
Empowering your success in the tech industry
Heading L
Plus Jakarta Sans
Medium
48 / 120%
Medium
48 / 120%
Empowering your success in the tech industry
Heading M
Plus Jakarta Sans
Semibold
36 / 130%
Semibold
36 / 130%
Empowering your success in the tech industry
Heading S
Plus Jakarta Sans
Bold
22 / 130%
Bold
22 / 130%
Empowering your success in the tech industry
Heading XS
Plus Jakarta Sans
Bold
18 / 140%
Bold
18 / 140%
Empowering your success in the tech industry
Heading XXS
Plus Jakarta Sans
Bold
16 / 140%
Bold
16 / 140%
Empowering your success in the tech industry
Body
Body XL
Plus Jakarta Sans
Regular
20 / 140%
Regular
20 / 140%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et cursus orci. Suspendisse potenti.
Body L
Plus Jakarta Sans
Regular
18 / 140%
Regular
18 / 140%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et cursus orci. Suspendisse potenti.
Body M
Plus Jakarta Sans
Regular
16 / 150%
Regular
16 / 150%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et cursus orci. Suspendisse potenti.
Body S
Plus Jakarta Sans
Regular
14 / 150%
Regular
14 / 150%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et cursus orci. Suspendisse potenti.
Body XS
Plus Jakarta Sans
Regular
12 / 150%
Regular
12 / 150%
Empowering your success in the tech industry
Features
Eyebrow
Plus Jakarta Sans
Semibold
14 / 150%
Semibold
14 / 150%
Your tech partner
Quote
Plus Jakarta Sans
Regular
24 / 140%
Regular
24 / 140%
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.”
CTA
Plus Jakarta Sans
Semibold
20 / 120%
Semibold
20 / 120%
Learn more
CTA S
Plus Jakarta Sans
Semibold
16 / 120%
Semibold
16 / 120%
Learn more
Bullet List
Plus Jakarta Sans
Medium
18 / 140%
#6E4CF5
Medium
18 / 140%
#6E4CF5
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mobile
*If no style is specified for mobile, use Desktop style
M Display XXL
Plus Jakarta Sans
Light
44 / 120%
Light
44 / 120%
Empowering your success in the tech industry
M Display XL
Plus Jakarta Sans
Semibold
44 / 120%
Semibold
44 / 120%
Empowering your success in the tech industry
M Heading L
Plus Jakarta Sans
Medium
36 / 120%
Medium
36 / 120%
Empowering your success in the tech industry
M Heading M
Plus Jakarta Sans
Semibold
32 / 130%
Semibold
32 / 130%
Empowering your success in the tech industry
M Heading S
Plus Jakarta Sans
Bold
20 / 130%
Bold
20 / 130%
Empowering your success in the tech industry
M Heading XS
Plus Jakarta Sans
Bold
16 / 130%
Bold
16 / 130%
Empowering your success in the tech industry
M Heading XXS
Plus Jakarta Sans
Bold
14 / 130%
Bold
14 / 130%
Empowering your success in the tech industry
M Body XL
Plus Jakarta Sans
Regular
18/ 140%
Regular
18/ 140%
Empowering your success in the tech industry
M Body L
Plus Jakarta Sans
Regular
16 / 140%
Regular
16 / 140%
Empowering your success in the tech industry
M CTA
Plus Jakarta Sans
Semibold
18 / 120%
Semibold
18 / 120%
Learn more
M CTA S
Plus Jakarta Sans
Semibold
12 / 120%
Semibold
12 / 120%
Learn more
M Quote
Plus Jakarta Sans
Regular
20 / 140%
Regular
20 / 140%
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.”
Shadows
Dropshadow 1
Blur: 32
X: 0 Y:4
#45536D 10%
X: 0 Y:4
#45536D 10%
Dropshadow 2
Blur: 16
X: 0 Y:4
#45536D 15%
X: 0 Y:4
#45536D 15%
Purple Glow
Blur: 24
X: 0 Y:0
#6E4CF5 20%
X: 0 Y:0
#6E4CF5 20%
Inputs
Static
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Active / typing
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Completed
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Error
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Radio Buttons
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Check Boxes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Icons
Singularity uses Google's Material Icons (weight 300) for its core icons. Need more icons? Check out their free icon library here.
Spot Icons
Feature Icons
Social Media Icons
Avatars
