Style Guide

Visual design style

This style guide page contains styles and components that are to be used throughout a website.
Solar panels, wind turbines, and a dam in a green rural landscape with a lake and mountains in the background.
Color Palette
Used colors
#122023
#E1FCAD
#FFFFFF
#5A5A5A
#B7BCBD
#F5F5F5
#E9E9E9
#E1E3D8
#DFE0E0
#354144
Typography
Heading Text
DM Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Heading 1

Font Size: 3.75rem

Heading 2

Font Size: 3.5rem

Heading 3

Font Size: 3rem

Heading 4

Font Size: 2.5rem
Heading 5
Font Size: 2rem
Heading 6
Font Size: 1.5rem

Paragraph

Regular text
DM Sans
abcdefghijklmnopqrstuvwxyz
Body 1
Font Size: 1.5rem
Body 2
Font Size: 1.125rem
Body 3
Font Size: 1rem
Body 4
Font Size: 8.75rem
Buttons
Contact Us
Primary Button
Book An Intro Call
Secondary Button
Inputs
From Lebel 1
From Lebel 2
Follow Us
Yellow caution symbol with an exclamation mark inside a circle.Facebook icon in a black circleCircular yellow timer or clock icon with a black arrow pointing upward at approximately 12 o'clock position.Circular arrow forming a clockwise rotation symbol.Green circular icon with a smiley face wearing glasses and a bowtie inside.Instagram icon in black and white with a simplified camera outline.LinkedIn logo in green and white colorsLinkedIn logo icon in white on a black circular background.

A modular template inspired by sustainable infrastructure, designed for adaptable, clear, and modern brands.

Main pages
Home
About
Services
Projects
Blogs
Utility pages
Style guide
Changelog
Privacy
Licence
404
Subscribe to our newsletter for weekly updates, market and special offers.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
All rights reserved@sunora2025
Powered by Webflow