SiteGround
siteground.com · set in Poppins
SaveUnofficial A style guide made by SiteStyleGuide from uml.edu.ni’s public web pages. Not affiliated with or endorsed by Universidad Martín Lutero. The real site is uml.edu.ni ↗
Unofficial style guide
Universidad Martín Luterostyle guide
Universidad Martín Lutero’s website (uml.edu.ni) uses Poppins for its headings and body text. Its palette is led by Forest Green (#3B9844), Light Brown (#AE152D) and Sea Green (#639461), with #696969 text on #FFFFFF. Captured from the live site on 29 October 2026.
- Website
- uml.edu.ni
- Typefaces
- Poppins, Gordita, Alegreya SC
- Palette
- 4 neutrals, 12 colours, 3 gradients
- Captured
- 29 Oct 2026 · added by @sitestyleguide
https://uml.edu.ni/
Screenshot
uml.edu.ni
Identity & metadata
What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.
Title &
description
- Page title
- Universidad Martín Lutero – Un ministerio de las Asambleas de Dios
- ▲ 66 / 60 characters
- Meta description
- Missing
- ▲ 0 / 160 characters
- Language
- es
In search results
Universidad Martín Luterohttps://uml.edu.ni/
Universidad Martín Lutero – Un ministerio de las Asambleas de…
When shared
No og:image, so no picture
uml.edu.ni
Universidad Martín Lutero – Un ministerio de las Asambleas de Dios
Logo & favicons
Found as: image in the header. PNG, 1262 × 333.
Logo
On white
On black
On Forest Green
Favicons
2 found-
300 px · PNG
icon
-
96 px · PNG
icon
Universidad Martín Lutero – Un ministerio de las Asambleas de Dios
Light browser tab
Universidad Martín Lutero – Un ministerio de las Asambleas de Dios
Dark browser tab
Colour
Read from the site’s stylesheets and weighted by where each colour is used. Names are the nearest standard colour name. Click a swatch to copy its hex code.
Contrast is against the site’s text colour (#696969) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.
Colour
Balance
How much each colour is used- White 46.8%
- Forest Green 16%
- Near Black 13%
- Off White 5.1%
- Light Brown 4.2%
- Cool Near Black 4%
- Sea Green 2%
- Deep Midnight Blue 1.6%
- Deep Brown 1.2%
- Sky Blue 1.2%
- Slate Grey 1.2%
- Red 1.1%
- Orange 0.8%
- Medium Sea Green 0.7%
- Light Midnight Blue 0.5%
- Steel Blue 0.5%
By how often each colour appears in the site’s CSS, weighted by where (body, headings, buttons), not by area on the screen.
Neutrals
Text, backgrounds and structure-
White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 0
- On text
- 5.49:1 AA
- On white
- —
Text, background, border · body:not(.header-more-tools-opened) .header-light.headroom--top .tm-button.style, body
-
Near Black
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 93
- On text
- 3.44:1 AA large
- On white
- 18.88:1 AAA
Text, background, border · .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab, .page-title-bar-02 .page-title-bar-bg
-
Off White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 7
- On text
- 4.73:1 AA
- On white
- 1.16:1 Fail
Border, background, text · .header-category-menu ul.course-list > li + li a.course-wrapper:after, .header-category-menu ul.course-placeholder .course-thumbnail-placeholder
-
Cool Near Black
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 15 10 0 85
- On text
- 2.87:1 Fail
- On white
- 15.74:1 AAA
Text, background, border · .tutor-user-profile .tutor-profile-subtitle, .tutor-backend .ui-datepicker .ui-datepicker-title .ui-datepicker-month
Colours
Brand colours and accents, most used first-
Forest Green
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 61 0 55 40
- On text
- 1.51:1 Fail
- On white
- 3.65:1 AA large
Background, text, border · .unicamp-tabs-style-02 .unicamp-tabpanel .tab-panel.active .tab-mobile-heading, .page-title-bar-01 .heading:after
-
Light Brown
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 88 74 32
- On text
- 1.30:1 Fail
- On white
- 7.13:1 AAA
Background, text, border · .header-sticky-button.tm-button:after, .header-02.header-dark .header-icon .badge
-
Sea Green
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 33 0 34 42
- On text
- 1.55:1 Fail
- On white
- 3.54:1 AA large
Background, text, border · body:not(.header-more-tools-opened) .header-light.headroom--top .header-search-f, body:not(.header-more-tools-opened) .header-light.headroom--top .header-contact-
-
Deep Midnight Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 95 53 0 74
- On text
- 2.99:1 Fail
- On white
- 16.43:1 AAA
Background, text, border · .header-01.header-dark .header-bottom, .header-01.header-dark .header-icon .badge
-
Deep Brown
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 78 66 38
- On text
- 1.41:1 Fail
- On white
- 7.74:1 AAA
Background, text · .header-06.header-dark .header-bottom, .header-07.header-dark .header-bottom
-
Sky Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 59 14 0 13
- On text
- 2.62:1 Fail
- On white
- 2.09:1 Fail
Border, background, text · .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab, .elementor-widget-wc-add-to-cart.elementor-button-info button.button.alt.element
-
Slate Grey
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 18 13 0 44
- On text
- 1.31:1 Fail
- On white
- 4.17:1 AA large
Text, background · .tutor-course-lesson h5 i, .single-instructor-wrap .instructor-name h4
-
Red
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 73 77 4
- On text
- 1.49:1 Fail
- On white
- 3.68:1 AA large
Text, background, border · .tutor-toast-parent .tutor-is-danger .tutor-notification-icon, .tutor-large-notification.tutor-large-notification-danger .tutor-large-notificat
-
Orange
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 36 100 7
- On text
- 2.36:1 Fail
- On white
- 2.33:1 Fail
Text, background, border · .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wra, .tutor-toast-parent .tutor-is-warning .tutor-notification-icon
-
Medium Sea Green
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 78 0 55 37
- On text
- 1.64:1 Fail
- On white
- 3.35:1 AA large
Text, background, border · .tutor-toast-parent .tutor-is-success .tutor-notification-icon, .tutor-large-notification.tutor-large-notification-success .tutor-large-notifica
-
Light Midnight Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 94 69 0 51
- On text
- 2.42:1 Fail
- On white
- 13.30:1 AAA
Text, background, border · #the_gc_events_posts h4, .tgse_title h1
-
Steel Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 100 32 0 29
- On text
- 1.18:1 Fail
- On white
- 4.66:1 AA
Background, text, border · --e-testimonial-icon-color, .elementor-share-buttons--color-official.elementor-share-buttons--skin-boxed .el
Gradients
-
linear-gradient(to bottom,#ffffff,#ffffff)
-
linear-gradient(90deg, #003A70 0%, #309B42 100%)
-
linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)
Typography
Faces from Google Fonts are shown in the real thing. Others are licensed to the site, so they show in your device’s copy if you have one, or a stand-in if not.
Poppins
Aa
100
Aa
900
Poppins
Google Fonts · weights 100, 200, 300, 400, 500, 600, 700, 800, 900 · headings
Aa
400
Gordita
System font, or not loaded on this page · headings · shown in a stand-in if you don’t have it
Aa
100
Aa
900
Alegreya SC
Google Fonts · weights 100, 200, 300, 400, 500, 600, 700, 800, 900 · headings
Aa
100
Aa
900
Arimo
Google Fonts · weights 100, 200, 300, 400, 500, 600, 700, 800, 900 · headings
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”
Type scale
From the site’s CSS
Heading 1
38px / 1.3
weight 400 · Poppins
Universidad Martín Lutero
Heading 2
34px / 1.3
weight 400 · Poppins
Universidad Martín Lutero – Un ministerio de la…
Heading 3
30px / 1.3
weight 400 · Poppins
Universidad Martín Lutero – Un ministerio de la…
Heading 4
26px / 1.3
weight 400 · Poppins
Universidad Martín Lutero – Un ministerio de la…
Heading 5
22px / 1.3
weight 400 · Poppins
Universidad Martín Lutero – Un ministerio de la…
Heading 6
18px / 1.3
weight 400 · Poppins
Universidad Martín Lutero – Un ministerio de la…
Body
15px / 1.87
The quick brown fox jumps over the lazy dog.
Paragraph
12px / 1.5em
weight 400
The quick brown fox jumps over the lazy dog.
Small
80%
The quick brown fox jumps over the lazy dog.
Button
16px / 24px
weight 500 · none
Get started
Link
14px / 26px
weight 400 · none · Open Sans
Read more about Universidad Martín Lutero
Sizes in use
Most common across the site- 24pxline 1.5 · 74 rules
- 20pxline 1.6 · 84 rules
- 18pxline 1 · 72 rules
- 16pxline 26px · 163 rules
- 15pxline 26px · 99 rules
- 14pxline 26px · 241 rules
- 13pxline 26px · 111 rules
- 12pxline 20px · 55 rules
Elements
The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.
Elements
Button
Get started
.tm-button .button-badge · #DC3131 · radius 50%
Link
Read our latest news today.
a · #4169E1
Corner radius
- 50% · 107×
- 6px · 82×
- 3px · 69×
- 4px · 46×
- 2px · 35×
- 5px · 35×
Shadows
- 0 10px 26px rgba(0, 0, 0, 0.05)
- 0 6px 20px rgba(28,49,104,.1)
- 0 0 30px rgba(0,0,0,.12)
- 0px 0px 20px 0px rgba(0,0,0,0.15)
Layout
Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.
Grid
Breakpoints
576
767
768
991
992
1024
1200
1400
On a scale of 0 to 1440 px.
Content widths (max-width)
1200 px
770 px
500 px
400 px
340 px
300 px
Notes
Plain checks on what was found. Worth fixing if you look after this site.
Notes
- ▲ CheckThe title is 66 characters. Google usually cuts titles near 60, so the end may not show in results.
- ▲ CheckThere is no meta description, so search engines will pick text from the page.
- ▲ CheckThere is no og:image, so links shared on social media show no picture.
Questions
Quick answers, from the same capture as the rest of this guide.
Questions
- What font does Universidad Martín Lutero use?
- Universidad Martín Lutero’s website uses three typefaces: Poppins (headings and body text), google Fonts; Alegreya SC, google Fonts; Arimo, google Fonts.
- What are Universidad Martín Lutero’s brand colours?
- The main colours on uml.edu.ni are Forest Green (#3B9844), Light Brown (#AE152D), Sea Green (#639461), Deep Midnight Blue (#031F42), Deep Brown (#9D2235) and Sky Blue (#5BC0DE).
- What colour is Universidad Martín Lutero’s text and background?
- Body text is #696969 on a #FFFFFF background.
- Where is Universidad Martín Lutero’s logo from?
- The logo shown in this guide was found on uml.edu.ni’s homepage. For official logo files and usage rules, check Universidad Martín Lutero’s own brand or press page.
- Is this Universidad Martín Lutero’s official style guide?
- No. SiteStyleGuide made it from uml.edu.ni’s public web pages on 29 October 2026, and isn’t affiliated with Universidad Martín Lutero. Members can refresh a guide after 90 days to pick up changes.
Design tokens
Everything above as CSS variables, ready to paste into a project. Members can download the tokens as files for Figma (Tokens Studio), Style Dictionary and Tailwind.
Tokens
uml-edu-ni-tokens.css
/* uml.edu.ni design tokens, from SiteStyleGuide (https://sitestyleguide.com/uml.edu.ni) */
:root {
/* Colours */
--text: #696969;
--background: #FFFFFF;
--colour-white: #FFFFFF;
--colour-near-black: #111111;
--colour-off-white: #EEEEEE;
--colour-cool-near-black: #212327;
--colour-forest-green: #3B9844;
--colour-light-brown: #AE152D;
--colour-sea-green: #639461;
--colour-deep-midnight-blue: #031F42;
--colour-deep-brown: #9D2235;
--colour-sky-blue: #5BC0DE;
--colour-slate-grey: #757C8E;
--colour-red: #F44337;
--colour-orange: #ED9700;
--colour-medium-sea-green: #24A148;
--colour-light-midnight-blue: #08267C;
--colour-steel-blue: #007BB6;
--gradient-1: linear-gradient(to bottom,#ffffff,#ffffff);
--gradient-2: linear-gradient(90deg, #003A70 0%, #309B42 100%);
--gradient-3: linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
/* Typefaces */
--font-headings: 'Poppins';
--font-buttons: 'UnicampArrow';
--font-other: 'tutor';
/* Type scale */
--text-h1: 38px;
--leading-h1: 1.3;
--text-h2: 34px;
--leading-h2: 1.3;
--text-h3: 30px;
--leading-h3: 1.3;
--text-h4: 26px;
--leading-h4: 1.3;
--text-h5: 22px;
--leading-h5: 1.3;
--text-h6: 18px;
--leading-h6: 1.3;
--text-body: 15px;
--leading-body: 1.87;
--text-p: 12px;
--leading-p: 1.5em;
--text-small: 80%;
--text-button: 16px;
--leading-button: 24px;
--text-a: 14px;
--leading-a: 26px;
/* Shape */
--radius-1: 50%;
--radius-2: 6px;
--radius-3: 3px;
--radius-4: 4px;
--radius-5: 2px;
--radius-6: 5px;
/* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
--breakpoint-1: 576px;
--breakpoint-2: 767px;
--breakpoint-3: 768px;
--breakpoint-4: 991px;
--breakpoint-5: 992px;
--breakpoint-6: 1024px;
--breakpoint-7: 1200px;
--breakpoint-8: 1400px;
--max-width-1: 1200px;
--max-width-2: 770px;
--max-width-3: 500px;
--max-width-4: 400px;
--max-width-5: 340px;
--max-width-6: 300px;
}
{
"site": "uml.edu.ni",
"source": "https://sitestyleguide.com/uml.edu.ni",
"text": "#696969",
"background": "#FFFFFF",
"colours": [
{
"name": "White",
"hex": "#FFFFFF",
"rgb": [
255,
255,
255
]
},
{
"name": "Near Black",
"hex": "#111111",
"rgb": [
17,
17,
17
]
},
{
"name": "Off White",
"hex": "#EEEEEE",
"rgb": [
238,
238,
238
]
},
{
"name": "Cool Near Black",
"hex": "#212327",
"rgb": [
33,
35,
39
]
},
{
"name": "Forest Green",
"hex": "#3B9844",
"rgb": [
59,
152,
68
]
},
{
"name": "Light Brown",
"hex": "#AE152D",
"rgb": [
174,
21,
45
]
},
{
"name": "Sea Green",
"hex": "#639461",
"rgb": [
99,
148,
97
]
},
{
"name": "Deep Midnight Blue",
"hex": "#031F42",
"rgb": [
3,
31,
66
]
},
{
"name": "Deep Brown",
"hex": "#9D2235",
"rgb": [
157,
34,
53
]
},
{
"name": "Sky Blue",
"hex": "#5BC0DE",
"rgb": [
91,
192,
222
]
},
{
"name": "Slate Grey",
"hex": "#757C8E",
"rgb": [
117,
124,
142
]
},
{
"name": "Red",
"hex": "#F44337",
"rgb": [
244,
67,
55
]
},
{
"name": "Orange",
"hex": "#ED9700",
"rgb": [
237,
151,
0
]
},
{
"name": "Medium Sea Green",
"hex": "#24A148",
"rgb": [
36,
161,
72
]
},
{
"name": "Light Midnight Blue",
"hex": "#08267C",
"rgb": [
8,
38,
124
]
},
{
"name": "Steel Blue",
"hex": "#007BB6",
"rgb": [
0,
123,
182
]
}
],
"fonts": [
{
"name": "Poppins",
"stack": "Poppins",
"weights": [
100,
200,
300,
400,
500,
600,
700,
800,
900
],
"source": "Google Fonts"
},
{
"name": "Gordita",
"stack": "\"Gordita\", Sans-serif",
"weights": [],
"source": "System font, or not loaded on this page"
},
{
"name": "Alegreya SC",
"stack": "\"Alegreya SC\", Sans-serif",
"weights": [
100,
200,
300,
400,
500,
600,
700,
800,
900
],
"source": "Google Fonts"
},
{
"name": "Arimo",
"stack": "\"Arimo\", Sans-serif",
"weights": [
100,
200,
300,
400,
500,
600,
700,
800,
900
],
"source": "Google Fonts"
},
{
"name": "UnicampArrow",
"stack": "UnicampArrow",
"weights": [
400
],
"source": "Self-hosted"
},
{
"name": "tutor",
"stack": "tutor",
"weights": [
400
],
"source": "Self-hosted"
}
]
}
Share
Links open each service’s own share page. Nothing from them loads here.
Share
Run uml.edu.ni?
Add the badge to your siteLink to this guide from your own site, so your team, designers and agencies can find your colours and fonts in one place.
<a href="https://sitestyleguide.com/uml.edu.ni" title="Universidad Martín Lutero style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>
Also set in Poppins
Other websites using Poppins as their main typeface
Similar colours
Websites whose lead colour is closest to Universidad Martín Lutero’s
Songkick
songkick.com · 5 days ago
Save
HugeDomains
leadzupc.com · 20 hours ago
Save
GoFundMe
youcaring.com · 1 day ago
Save
360官网 -360安全中心
360.cn · 2 days ago
Save
Captured from uml.edu.ni on 29 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by Universidad Martín Lutero; this guide describes the public website for reference.