welcome
Devsonic is a Medium Rare template, explore more designs at
mediumrare.shop
About
Startups
Services
Electronic Engineering
Software Development
Information Security
Industrial Design
Contract Manufacturing
Team
Projects
Blog
Contacts
Get in touch
Style Guide
A central guide for common components and styles used in Devsonic.
Colors
Primaries and grays controlled by the Global Swatch feature.
Primary 1
Primary 2
Dark 1
Dark 2
Light 1
Light 2
Light 3
Light 4
Typography
Headings, body and other common text elements.
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Large Text
Large Link
Body Text
Body Link
Small Text
Small Link
Buttons
Component, text style and size variations
Default Button
Icon
Icon Alt
Icon Left
Play Icon
Link Styles
Underlined Link
Arrow Link
Dropdown Link
Underlined Arrow
Form Inputs
General style and state variations for text inputs.
Inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
Name
This is some text inside of a div block.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Area
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form Selectables
Styling for checkboxes, selects and radios.
Checkbox
Radio
Choose an option
First Choice
Second Choice
Third Choice
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Use Our 20+ Years of Experience
Use Our 20+ Years of Experience to Reach Your Target Market.
We’re so happy to offer a FREE consultation to see how we can best bring your idea to life.
Consult our experts
