Image or project capture
HTML Websites
Project title
Short description to explain the work done.
Color palette
Colors defined in the CSS variables of the project. The dark blue structures titles and areas of prominence; the oil blue is the main color of interaction.
Petrol blue
--color-color1 · #24485FBlue
--color-color2 · #102033Light grey
--color-color3 · #ECECECBlue grey
--color-color4 · #CCD7DAAmbar
--color-color5 · #CB821BSoft background
--color-color6 · #F2F2F2Text
--color-color7 · #515151White
--color-color8 · #FFFFFFTypography
Montserrat is used in the ran text and navigation. Lato shapes the titles and reinforces the hierarchy.
Titles
Clear design, fast sites
Titles that guide reading
Corredo Text
We create professional sites with a simple structure, clear content and attention to performance on all screens.
Auxiliary text for notes, descriptions and complementary information.
Title Scale
H1 48px · H2 36pxContinuation
H3 28px · H4 22pxBase text
16px?Boots and tags
Main actions in oil blue, with amber used as a highlight in interaction states.
Cards and content
White cards with light edge, rounded corners and discrete shade organize projects and services.
Forms and warnings
Fields with smooth edge, explicit labels and aligned controls to facilitate filling.
Note or complementary information highlighted with amber color.