Rakuten
rakuten.com · 4 days ago
SaveUnofficial A style guide made by SiteStyleGuide from juliecristobal.com’s public web pages. Not affiliated with or endorsed by SATSET138. The real site is juliecristobal.com ↗
Unofficial style guide
SATSET138style guide
SATSET138’s website (juliecristobal.com) uses PolySans for its headings and body text. Its palette is led by Dark Magenta (#9C02AD), Golden Rod (#CA9A1F) and Green (#2E7400), with #303030 text on #FAFAFA. Captured from the live site on 25 October 2026.
- Website
- juliecristobal.com
- Typefaces
- PolySans, Montserrat
- Palette
- 4 neutrals, 12 colours, 3 gradients
- Captured
- 25 Oct 2026 · added by @sitestyleguide
https://satset138god.com/
Screenshot
juliecristobal.com
Identity & metadata
What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.
Title &
description
- Page title
- SATSET138 | Login Wahana Explorasi Game Slot Online Terbaik Saat Ini
- ▲ 68 / 60 characters
- Meta description
- SATSET138 adalah wahana eksplorasi game slot online terbaik saat ini. Nikmati koleksi slot gacor, RTP tinggi, dan pengalaman bermain premium dengan akses cepat serta aman.
- ▲ 171 / 160 characters
- Site name
- SATSET138
- og:title
- SATSET138 | Login Wahana Explorasi Game Slot Online Terbaik Saat Ini
- og:description
- SATSET138 adalah wahana eksplorasi game slot online terbaik saat ini. Nikmati koleksi slot gacor, RTP tinggi, dan pengalaman bermain premium dengan akses cepat serta aman.
- Language
- id
In search results
SATSET138https://satset138god.com/
SATSET138 | Login Wahana Explorasi Game Slot Online Terbaik S…
SATSET138 adalah wahana eksplorasi game slot online terbaik saat ini. Nikmati koleksi slot gacor, RTP tinggi, dan pengalaman bermain premium dengan akses cepat s…
When shared
juliecristobal.com
SATSET138 | Login Wahana Explorasi Game Slot Online Terbaik Saat Ini
SATSET138 adalah wahana eksplorasi game slot online terbaik saat ini. Nikmati koleksi slot gacor, RTP tinggi,…
Logo & favicons
Found as: schema.org logo. WEBP, 180 × 180.
Logo
On white
On black
On Dark Magenta
Favicons
1 found-
180 px · WEBP
icon
SATSET138 | Login Wahana Explorasi Game Slot Online Terbaik Saat Ini
Light browser tab
SATSET138 | Login Wahana Explorasi Game Slot Online Terbaik Saat Ini
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 (#303030) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.
Colour
Balance
How much each colour is used- Dark Magenta 29%
- White 27.2%
- Dark Grey 7%
- Light Grey 6.4%
- Golden Rod 4.4%
- Off White 3.3%
- Green 2.9%
- Dark Green 2.9%
- Light Green 2.9%
- Sienna 2.2%
- Deep Crimson 2.2%
- Coral 2.2%
- Pale Violet Red 2.2%
- Light Crimson 2%
- Royal Blue 1.8%
- Khaki 1.6%
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
- 13.20:1 AAA
- On white
- —
Background, text, graphic · --color-always-white, body
-
Dark Grey
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 69
- On text
- 1.64:1 Fail
- On white
- 8.06:1 AAA
Text, graphic, border · .l0Q2UI85, .g_vrj0jU
-
Light Grey
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 20
- On text
- 8.22:1 AAA
- On white
- 1.61:1 Fail
Background, border, text · --color-border-tertiary, --color-surface-interactive-disabled
-
Off White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 1 1 0 7
- On text
- 11.19:1 AAA
- On white
- 1.18:1 Fail
Background, text, graphic · --color-surface-table-row-hover, --color-surface-tertiary
Colours
Brand colours and accents, most used first-
Dark Magenta
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 10 99 0 32
- On text
- 1.90:1 Fail
- On white
- 6.94:1 AA
Text, background, border · --color-border-info, --color-border-promotion
-
Golden Rod
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 24 85 21
- On text
- 5.12:1 AA
- On white
- 2.58:1 Fail
Background, text, border · .xsHYYXLa:checked~.FgCASe0l, .W2rF7MoS:checked~._7rF3kZ9f
-
Green
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 60 0 100 55
- On text
- 2.27:1 Fail
- On white
- 5.81:1 AA
Used · --color-border-positive, --color-content-positive-default
-
Dark Green
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 61 0 100 74
- On text
- 1.15:1 Fail
- On white
- 11.52:1 AAA
Used · --color-content-interactive, --color-content-positive-strong
-
Light Green
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 34 0 56 7
- On text
- 9.33:1 AAA
- On white
- 1.41:1 Fail
Used · --color-surface-interactive-primary, --color-surface-promotion-default
-
Sienna
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 66 100 24
- On text
- 2.55:1 Fail
- On white
- 5.19:1 AA
Used · --color-border-caution, --color-content-caution-default
-
Deep Crimson
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 100 59 27
- On text
- 1.99:1 Fail
- On white
- 6.64:1 AA
Used · --color-border-critical, --color-content-critical-default
-
Coral
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 45 66 0
- On text
- 5.78:1 AA
- On white
- 2.28:1 Fail
Used · --color-border-caution, --color-content-caution-default
-
Pale Violet Red
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 58 40 0
- On text
- 4.92:1 AA
- On white
- 2.68:1 Fail
Used · --color-border-critical, --color-content-critical-default
-
Light Crimson
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 77 65 22
- On text
- 2.44:1 Fail
- On white
- 5.41:1 AA
Background, text, border · .ZS6XhuuO, .mbex9dip
-
Royal Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 89 50 0 9
- On text
- 2.93:1 Fail
- On white
- 4.51:1 AA
Background, text · .P1ekSe-ZMv3u>div:nth-child(2), .P1ekSe-ZMv3u>div:nth-child(1)
-
Khaki
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 7 38 0
- On text
- 11.22:1 AAA
- On white
- 1.18:1 Fail
Used · --color-content-primary-accent-inverse, --color-surface-interactive-primary
Gradients
-
linear-gradient(#fff, #fff)
-
linear-gradient(90deg, #e40046 .4%, #6e5cff)
-
linear-gradient(90deg, #CA9A1F .4%, #4f99ff)
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.
PolySans
Aa
400
Aa
700
PolySans
Served from assets.elements.envato.com · weights 400, 600, 700 · body, headings · shown in a stand-in if you don’t have it
Aa
200
Aa
900
Montserrat
Served from assets.elements.envato.com · weights 200, 500, 600, 700, 800, 900 · shown in a stand-in if you don’t have it
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”
Type scale
From the site’s CSS
Heading 1
2em · 32 px / 1.2em
weight 100 · Segoe UI
SATSET138
Heading 2
/
weight · Segoe UI
SATSET138 | Login Wahana Explorasi Game Slot On…
Heading 3
/
weight · Segoe UI
SATSET138 | Login Wahana Explorasi Game Slot On…
Heading 4
/
weight · Segoe UI
SATSET138 | Login Wahana Explorasi Game Slot On…
Heading 5
/
weight · Segoe UI
SATSET138 | Login Wahana Explorasi Game Slot On…
Heading 6
/
weight · Segoe UI
SATSET138 | Login Wahana Explorasi Game Slot On…
Body
16px / 26px
weight 400 · PolySans
SATSET138 adalah wahana eksplorasi game slot online terbaik saat ini. Nikmati koleksi slot gacor, RTP tinggi, dan pengalaman bermain premiu…
Paragraph
1rem · 16 px / 1.5
weight 400 · PolySans
SATSET138 adalah wahana eksplorasi game slot online terbaik saat ini. Nikmati koleksi slot gacor, RTP tinggi, dan pengalaman bermain premiu…
Small
80%
SATSET138 adalah wahana eksplorasi game slot online terbaik saat ini. Nikmati koleksi slot gacor, RTP tinggi, dan pengalaman bermain premiu…
Sizes in use
Most common across the site- 72pxline 1 · 33 rules
- 36pxline 1 · 33 rules
- 32pxline 125% · 2 rules
- 24pxline 125% · 2 rules
- 18pxline 1.5 · 37 rules
- 16pxline 1.5 · 113 rules
- 14pxline 1.5 · 105 rules
- 12pxline 1.5 · 37 rules
Elements
The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.
Elements
Link
Read our latest news today.
a · #9C02AD
Corner radius
- 4px · 39×
- 48px · 14×
- 6px · 11×
- 16px · 8×
- 50% · 4×
- 10px · 4×
Shadows
- 0px 2px 12px 0px rgba(0, 0, 0, .15)
- 0 0 3px 0 hsla(0, 0%, 100%, .8)
- 0 0 0 1px #aeaeaf
- 0 0 0 2px #CA9A1F
Layout
Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.
Grid
Breakpoints
583
700
750
800
1000
1100
1200
1300
On a scale of 0 to 1440 px.
Content widths (max-width)
1000 px
700 px
500 px
490 px
400 px
300 px
Notes
Plain checks on what was found. Worth fixing if you look after this site.
Notes
- ▲ CheckThe title is 68 characters. Google usually cuts titles near 60, so the end may not show in results.
- ▲ CheckThe description is 171 characters. Search results usually show about 160.
Questions
Quick answers, from the same capture as the rest of this guide.
Questions
- What font does SATSET138 use?
- SATSET138’s website uses two typefaces: PolySans (headings and body text), served from assets.elements.envato.com; Montserrat, served from assets.elements.envato.com.
- What are SATSET138’s brand colours?
- The main colours on juliecristobal.com are Dark Magenta (#9C02AD), Golden Rod (#CA9A1F), Green (#2E7400), Dark Green (#1A4200), Light Green (#9CEE69) and Sienna (#C24100).
- What colour is SATSET138’s text and background?
- Body text is #303030 on a #FAFAFA background.
- Where is SATSET138’s logo from?
- The logo shown in this guide was found on juliecristobal.com’s homepage. For official logo files and usage rules, check SATSET138’s own brand or press page.
- Is this SATSET138’s official style guide?
- No. SiteStyleGuide made it from juliecristobal.com’s public web pages on 25 October 2026, and isn’t affiliated with SATSET138. 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
juliecristobal-com-tokens.css
/* juliecristobal.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/juliecristobal.com) */
:root {
/* Colours */
--text: #303030;
--background: #FAFAFA;
--colour-white: #FFFFFF;
--colour-dark-grey: #505050;
--colour-light-grey: #CCCCCC;
--colour-off-white: #ECECEE;
--colour-dark-magenta: #9C02AD;
--colour-golden-rod: #CA9A1F;
--colour-green: #2E7400;
--colour-dark-green: #1A4200;
--colour-light-green: #9CEE69;
--colour-sienna: #C24100;
--colour-deep-crimson: #B9004B;
--colour-coral: #FF8D57;
--colour-pale-violet-red: #FF6B9A;
--colour-light-crimson: #C62E46;
--colour-royal-blue: #1A73E8;
--colour-khaki: #FFED9E;
--gradient-1: linear-gradient(#fff, #fff);
--gradient-2: linear-gradient(90deg, #e40046 .4%, #6e5cff);
--gradient-3: linear-gradient(90deg, #CA9A1F .4%, #4f99ff);
/* Typefaces */
--font-body: 'PolySans', 'Helvetica Neue', 'Arial', sans-serif;
--font-headings: 'PolySans', 'Helvetica Neue', 'Arial', sans-serif;
--font-other: 'Montserrat', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Fira Sans', 'Helvetica Neue';
/* Type scale */
--text-h1: 2em;
--leading-h1: 1.2em;
--text-body: 16px;
--leading-body: 26px;
--text-p: 1rem;
--leading-p: 1.5;
--text-small: 80%;
/* Shape */
--radius-1: 4px;
--radius-2: 48px;
--radius-3: 6px;
--radius-4: 16px;
--radius-5: 50%;
--radius-6: 10px;
/* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
--breakpoint-1: 583px;
--breakpoint-2: 700px;
--breakpoint-3: 750px;
--breakpoint-4: 800px;
--breakpoint-5: 1000px;
--breakpoint-6: 1100px;
--breakpoint-7: 1200px;
--breakpoint-8: 1300px;
--max-width-1: 1000px;
--max-width-2: 700px;
--max-width-3: 500px;
--max-width-4: 490px;
--max-width-5: 400px;
--max-width-6: 300px;
}
{
"site": "juliecristobal.com",
"source": "https://sitestyleguide.com/juliecristobal.com",
"text": "#303030",
"background": "#FAFAFA",
"colours": [
{
"name": "White",
"hex": "#FFFFFF",
"rgb": [
255,
255,
255
]
},
{
"name": "Dark Grey",
"hex": "#505050",
"rgb": [
80,
80,
80
]
},
{
"name": "Light Grey",
"hex": "#CCCCCC",
"rgb": [
204,
204,
204
]
},
{
"name": "Off White",
"hex": "#ECECEE",
"rgb": [
236,
236,
238
]
},
{
"name": "Dark Magenta",
"hex": "#9C02AD",
"rgb": [
156,
2,
173
]
},
{
"name": "Golden Rod",
"hex": "#CA9A1F",
"rgb": [
202,
154,
31
]
},
{
"name": "Green",
"hex": "#2E7400",
"rgb": [
46,
116,
0
]
},
{
"name": "Dark Green",
"hex": "#1A4200",
"rgb": [
26,
66,
0
]
},
{
"name": "Light Green",
"hex": "#9CEE69",
"rgb": [
156,
238,
105
]
},
{
"name": "Sienna",
"hex": "#C24100",
"rgb": [
194,
65,
0
]
},
{
"name": "Deep Crimson",
"hex": "#B9004B",
"rgb": [
185,
0,
75
]
},
{
"name": "Coral",
"hex": "#FF8D57",
"rgb": [
255,
141,
87
]
},
{
"name": "Pale Violet Red",
"hex": "#FF6B9A",
"rgb": [
255,
107,
154
]
},
{
"name": "Light Crimson",
"hex": "#C62E46",
"rgb": [
198,
46,
70
]
},
{
"name": "Royal Blue",
"hex": "#1A73E8",
"rgb": [
26,
115,
232
]
},
{
"name": "Khaki",
"hex": "#FFED9E",
"rgb": [
255,
237,
158
]
}
],
"fonts": [
{
"name": "PolySans",
"stack": "\"PolySans\", \"Helvetica Neue\", \"Arial\", sans-serif",
"weights": [
400,
600,
700
],
"source": "Served from assets.elements.envato.com"
},
{
"name": "Montserrat",
"stack": "Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Fira Sans, Helvetica Neue, Arial, sans-serif",
"weights": [
200,
500,
600,
700,
800,
900
],
"source": "Served from assets.elements.envato.com"
}
]
}
Share
Links open each service’s own share page. Nothing from them loads here.
Share
Run juliecristobal.com?
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/juliecristobal.com" title="SATSET138 style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>
Similar colours
Websites whose lead colour is closest to SATSET138’s
JustGiving
justgiving.com · 2 days ago
Save
Reinvented with Accenture
accenture.com · 1 day ago
Save
Radiopaedia
radiopaedia.org · 5 days ago
Save
Captured from juliecristobal.com on 25 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by SATSET138; this guide describes the public website for reference.