What font does Praskla Technology use?

Praskla Technology’s website uses two typefaces: Suisse Intl (headings), a system font; Inter (body text), self-hosted.

What are Praskla Technology’s brand colours?

The main colours on prasklatechnology.com are Light Midnight Blue (#301045), Indigo (#48205F), Plum (#B99BC1), Light Rebecca Purple (#81508F), Deep Rebecca Purple (#633178) and Deep Midnight Blue (#1D0A2B).

What colour is Praskla Technology’s text and background?

Body text is #18181B on a #FFFFFF background.

Where is Praskla Technology’s logo from?

The logo shown in this guide was found on prasklatechnology.com’s homepage. For official logo files and usage rules, check Praskla Technology’s own brand or press page.

Is this Praskla Technology’s official style guide?

No. SiteStyleGuide made it from prasklatechnology.com’s public web pages on 24 October 2026, and isn’t affiliated with Praskla Technology. Members can refresh a guide after 90 days to pick up changes.

Praskla Technology Style Guide: Colours, Fonts & Logo

Identity & metadata

What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.

Title &
description

Page title: Praskla Technology - Smarter IT Solutions; ● 41 / 60 characters
Meta description: Your strategic partner for intelligent IT solutions.; ● 52 / 160 characters
Site name: Praskla Technology
og:title: Praskla Technology - Smarter IT Solutions
og:description: Your strategic partner for intelligent IT solutions.
Language: en

In search results

Praskla Technologyhttps://prasklatechnology.com/

Praskla Technology - Smarter IT Solutions

Your strategic partner for intelligent IT solutions.

When shared

The image Praskla Technology shares with links

prasklatechnology.com

Praskla Technology - Smarter IT Solutions

Your strategic partner for intelligent IT solutions.

Back to top ↑

Logo & favicons

Found as: schema.org logo. WEBP, 192 × 192.

Logo

On white

On black

On Light Midnight Blue

Favicons

2 found

512 px · WEBP shortcut icon
32 px · PNG favicon.ico

Praskla Technology - Smarter IT Solutions

Light browser tab

Praskla Technology - Smarter IT Solutions

Dark browser tab

Back to top ↑

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 (#18181B) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

White 27.9%
Light Midnight Blue 22.1%
Light Grey 15%
Indigo 7%
Black 6%
Plum 3.6%
Light Rebecca Purple 3.6%
Deep Rebecca Purple 3.6%
Deep Midnight Blue 3.5%
Cool Off White 2.7%
Lavender 2.1%
Thistle 1.7%
Medium Sea Green 1.1%

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
17.72:1 AAA

On white
—

Background, text, border · .gradient-untitled, body
Light Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 18

On text
11.49:1 AAA

On white
1.54:1 Fail

Background, border · inline style on <div>, .border-\[\#d0d0d0\]
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
1.19:1 Fail

On white
21.00:1 AAA

Background, text, border · --color-black, .bg-black
Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
2 5 0 3

On text
15.35:1 AAA

On white
1.15:1 Fail

Background · --color-brand-tint, .bg-\[var$--color-brand-tint$\]

Colours

Brand colours and accents, most used first

Light Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
30 77 0 73

On text
1.08:1 Fail

On white
16.33:1 AAA

Background, text, border · .gradient-untitled, inline style on <div>
Indigo

HEX

RGB

HSL

OKLCH

CMYK
24 66 0 63

On text
1.39:1 Fail

On white
12.75:1 AAA

Background, text, border · .gradient-untitled, --color-primary-light
Plum

HEX

RGB

HSL

OKLCH

CMYK
4 20 0 24

On text
7.19:1 AAA

On white
2.46:1 Fail

Background · .gradient-untitled
Light Rebecca Purple

HEX

RGB

HSL

OKLCH

CMYK
10 44 0 44

On text
2.93:1 Fail

On white
6.04:1 AA

Background · .gradient-untitled
Deep Rebecca Purple

HEX

RGB

HSL

OKLCH

CMYK
18 59 0 53

On text
1.89:1 Fail

On white
9.37:1 AAA

Background · .gradient-untitled
Deep Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
33 77 0 83

On text
1.05:1 Fail

On white
18.58:1 AAA

Background, text · --color-primary-dark, --color-brand-plum
Lavender

HEX

RGB

HSL

OKLCH

CMYK
3 9 0 5

On text
13.54:1 AAA

On white
1.31:1 Fail

Background · --color-brand-lavender, .bg-\[var$--color-brand-lavender$\]\/50
Thistle

HEX

RGB

HSL

OKLCH

CMYK
4 19 0 9

On text
10.48:1 AAA

On white
1.69:1 Fail

Text · --color-brand-lilac, .text-\[var$--color-brand-lilac$\]
Medium Sea Green

HEX

RGB

HSL

OKLCH

CMYK
91 0 30 27

On text
6.98:1 AA

On white
2.54:1 Fail

Background, text · .bg-\[\#10b981\], .text-\[\#10b981\]

Gradients

linear-gradient(initial)
linear-gradient(#fff 8.3%,#b99bc1 25%,#81508f 41.7%,#633178 58.3%,#48205f 75%,#301045 91.7%)
linear-gradient(180deg in oklab, #fff 8.3%, #b99bc1 25.0%, #81508f 41.7%, #633178 58.3%, #48205f 75.0%, #301045 91.7%)

Back to top ↑

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.

Suisse Intl

Aa 400

Suisse Intl

System font, or not loaded on this page · headings · shown in a stand-in if you don’t have it

Aa 100 Aa 900

Inter

Self-hosted · weights 100, 900 · body, buttons · shown in a stand-in if you don’t have it

Aa 400

Segoe UI

System font, or not loaded on this page · body · shown in a stand-in if you don’t have it

Aa 400

SFMono-Regular

System font, or not loaded on this page · shown in a stand-in if you don’t have it

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”

Type scale

From the site’s CSS

Heading 1 — Suisse Intl

Praskla Technology

Heading 2 — Suisse Intl

Praskla Technology - Smarter IT Solutions

Heading 3 — Suisse Intl

Praskla Technology - Smarter IT Solutions

Heading 4 — Suisse Intl

Praskla Technology - Smarter IT Solutions

Heading 5 — Suisse Intl

Praskla Technology - Smarter IT Solutions

Heading 6 — Suisse Intl

Praskla Technology - Smarter IT Solutions

Body — Inter

Your strategic partner for intelligent IT solutions.

Paragraph — Inter

Your strategic partner for intelligent IT solutions.

Small 80%

Your strategic partner for intelligent IT solutions.

Button — Inter

Get started

Sizes in use

Most common across the site

19px2 rules
16pxline initial · 3 rules
14pxline initial · 3 rules
13px2 rules
12pxline initial · 2 rules
11px2 rules
10px2 rules
9px2 rules

Back to top ↑

Elements

The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.

Elements

Corner radius

.75rem · 3×
2rem · 2×
2147483647px · 2×
.5rem · 2×
.25rem · 1×

Shadows

0 0 transparent, 0 0 transparent, 0 0 transparent, 0 0 transparent, 0 0 transparent

Back to top ↑

Layout

Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.

Grid

Breakpoints

640

768

1023

1024

1025

1280

1536

On a scale of 0 to 1536 px.

Content widths (max-width)

1720 px

1280 px

1140 px

1024 px

768 px

640 px

Back to top ↑

Notes

Plain checks on what was found. Worth fixing if you look after this site.

Notes

● FineThe title is 41 characters, short enough to show in full in search results.

Back to top ↑

Questions

Quick answers, from the same capture as the rest of this guide.

Questions

What font does Praskla Technology use?: Praskla Technology’s website uses two typefaces: Suisse Intl (headings), a system font; Inter (body text), self-hosted.
What are Praskla Technology’s brand colours?: The main colours on prasklatechnology.com are Light Midnight Blue (#301045), Indigo (#48205F), Plum (#B99BC1), Light Rebecca Purple (#81508F), Deep Rebecca Purple (#633178) and Deep Midnight Blue (#1D0A2B).
What colour is Praskla Technology’s text and background?: Body text is #18181B on a #FFFFFF background.
Where is Praskla Technology’s logo from?: The logo shown in this guide was found on prasklatechnology.com’s homepage. For official logo files and usage rules, check Praskla Technology’s own brand or press page.
Is this Praskla Technology’s official style guide?: No. SiteStyleGuide made it from prasklatechnology.com’s public web pages on 24 October 2026, and isn’t affiliated with Praskla Technology. Members can refresh a guide after 90 days to pick up changes.

Back to top ↑

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

prasklatechnology-com-tokens.css

Download

Free with an account: sign up or sign in, and you’ll come straight back here.

/* prasklatechnology.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/prasklatechnology.com) */
:root {
  /* Colours */
  --text: #18181B;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-light-grey: #D0D0D0;
  --colour-black: #000000;
  --colour-cool-off-white: #F4ECF8;
  --colour-light-midnight-blue: #301045;
  --colour-indigo: #48205F;
  --colour-plum: #B99BC1;
  --colour-light-rebecca-purple: #81508F;
  --colour-deep-rebecca-purple: #633178;
  --colour-deep-midnight-blue: #1D0A2B;
  --colour-lavender: #EBDCF2;
  --colour-thistle: #DDBCE7;
  --colour-medium-sea-green: #10B981;
  --gradient-1: linear-gradient(initial);
  --gradient-2: linear-gradient(#fff 8.3%,#b99bc1 25%,#81508f 41.7%,#633178 58.3%,#48205f 75%,#301045 91.7%);
  --gradient-3: linear-gradient(180deg in oklab, #fff 8.3%, #b99bc1 25.0%, #81508f 41.7%, #633178 58.3%, #48205f 75.0%, #301045 91.7%);

  /* Typefaces */
  --font-headings: 'Suisse Intl', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-buttons: 'Inter', sans-serif;
  --font-other: ui-monospace, 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono';

  /* Type scale */
  --text-small: 80%;

  /* Shape */
  --radius-1: .75rem;
  --radius-2: 2rem;
  --radius-3: 2147483647px;
  --radius-4: .5rem;
  --radius-5: .25rem;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 640px;
  --breakpoint-2: 768px;
  --breakpoint-3: 1023px;
  --breakpoint-4: 1024px;
  --breakpoint-5: 1025px;
  --breakpoint-6: 1280px;
  --breakpoint-7: 1536px;
  --max-width-1: 1720px;
  --max-width-2: 1280px;
  --max-width-3: 1140px;
  --max-width-4: 1024px;
  --max-width-5: 768px;
  --max-width-6: 640px;
}

{
    "site": "prasklatechnology.com",
    "source": "https://sitestyleguide.com/prasklatechnology.com",
    "text": "#18181B",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Light Grey",
            "hex": "#D0D0D0",
            "rgb": [
                208,
                208,
                208
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Cool Off White",
            "hex": "#F4ECF8",
            "rgb": [
                244,
                236,
                248
            ]
        },
        {
            "name": "Light Midnight Blue",
            "hex": "#301045",
            "rgb": [
                48,
                16,
                69
            ]
        },
        {
            "name": "Indigo",
            "hex": "#48205F",
            "rgb": [
                72,
                32,
                95
            ]
        },
        {
            "name": "Plum",
            "hex": "#B99BC1",
            "rgb": [
                185,
                155,
                193
            ]
        },
        {
            "name": "Light Rebecca Purple",
            "hex": "#81508F",
            "rgb": [
                129,
                80,
                143
            ]
        },
        {
            "name": "Deep Rebecca Purple",
            "hex": "#633178",
            "rgb": [
                99,
                49,
                120
            ]
        },
        {
            "name": "Deep Midnight Blue",
            "hex": "#1D0A2B",
            "rgb": [
                29,
                10,
                43
            ]
        },
        {
            "name": "Lavender",
            "hex": "#EBDCF2",
            "rgb": [
                235,
                220,
                242
            ]
        },
        {
            "name": "Thistle",
            "hex": "#DDBCE7",
            "rgb": [
                221,
                188,
                231
            ]
        },
        {
            "name": "Medium Sea Green",
            "hex": "#10B981",
            "rgb": [
                16,
                185,
                129
            ]
        }
    ],
    "fonts": [
        {
            "name": "Suisse Intl",
            "stack": "\"Suisse Intl\", sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Inter",
            "stack": "\"Inter\", sans-serif",
            "weights": [
                100,
                900
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Segoe UI",
            "stack": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "SFMono-Regular",
            "stack": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "primaryFont",
            "stack": "primaryFont, primaryFont Fallback",
            "weights": [
                400
            ],
            "source": "Self-hosted"
        }
    ]
}

Back to top ↑

Share

Links open each service’s own share page. Nothing from them loads here.

Share

X LinkedIn Facebook Pinterest Reddit Email

Run prasklatechnology.com?

Add the badge to your site

Link 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/prasklatechnology.com" title="Praskla Technology style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>

Back to top ↑

Praskla Technologystyle guide

Title &
description

Logo

Favicons

Colour

Balance

Neutrals

White

Light Grey

Black

Cool Off White

Colours

Light Midnight Blue

Indigo

Plum

Light Rebecca Purple

Deep Rebecca Purple

Deep Midnight Blue

Lavender

Thistle

Medium Sea Green

Gradients

Suisse Intl

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Parachute Home

Front

Vanta

Zoom

Accessify

Pantip

Praskla Technologystyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Light Grey

Black

Cool Off White

Colours

Light Midnight Blue

Indigo

Plum

Light Rebecca Purple

Deep Rebecca Purple

Deep Midnight Blue

Lavender

Thistle

Medium Sea Green

Gradients

Suisse Intl

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run prasklatechnology.com?

Also set in Suisse Intl

Parachute Home

Front

Similar colours

Vanta

Zoom

Accessify

Pantip

Title &
description