style
guide.

Colors

Primary colors

Primary

var(--primary-color)

Primary Hoover

var(--primary-hover-color)

Primary Alt

var(--primary-alt-color)

Primary Alt Hoover

var(--primary-alt-hover-color)

Secondary colors

Secondary

var(--secondary-color)

Secondary Hoover

var(--secondary-hover-color)

Secondary Alt

var(--secondary-alt-color)

Secondary Alt Hoover

var(--secondary-alt-hover-color)

Typography colors

Dark

var(--dark-color)

Light

var(--light-color)

Paragraph

var(--paragraph-color)

Paragraph Alt

var(--paragraph-alt-color)

Background colors

Background

var(--background-color)

Background Alt

var(--background-alt-color)

Additional colors

Border

var(--border-color)

Border Alt

var(--border-alt-color)

Placeholder

var(--placeholder-color)

Placeholder Alt

var(--placeholder-alt-color)

Extra colors

Hästens

var(--extra-color-1)

PREHOD

var(--extra-color-2)

P.D. Studio

var(--extra-color-3)

P.D. Studio 2

var(--extra-color-4)

Typography

Here's a H1 heading

Here's a H2 heading

Here's a H3 heading

Here's a H4 heading

Here's a H5 heading

Here's a H6 heading

.text-2xl
Text in this size and style will be displayed everywhere on the website where 2XL body text is specified (usually via class).

.text-xl
Text in this size and style will be displayed everywhere on the website where XL body text is specified (usually via class).

.text-lg
Text in this size and style will be displayed everywhere on the website where L body text is specified (usually via class).

Regular body text
Text in this size and style will be displayed everywhere on the website where body text is not specifically customized.

.text-sm
Text in this size and style will be displayed everywhere on the website where S body text is specified (usually via class).

.text-xs
Text in this size and style will be displayed everywhere on the website where XS body text is specified (usually via class).

Aa

calc(var(--h1) * 3)

Aa

calc(var(--h1) * 2)

Aa

calc(var(--h1) * 1.5)

calc(var(--text-base) * 3)

calc(var(--text-base) * 2)

calc(var(--text-base) * 1.5)

Spacing

Real size

Variable

Min space size

Max space size

XXL size

var(--xxl-space)

52px

130px

XL size

var(--xl-space)

32px

80px

L size

var(--l-space)

20px

50px

M size

var(--m-space)

12px

30px

S size

var(--s-space)

8px

20px

XS size

var(--xs-space)

4px

10px

Hover effects

Underline from left

Underline from right

Uderline from center

Reveal uderline

Underline from left

Underline from right

Uderline from center

Reveal uderline

Example of default text link

Example of default link wrapper

Delovni čas

Sreda - Petek

09:00 - 19:00

Na podlagi prijave

08:00 - 20:00

Sobota

9:00 - 13:00

Ponedeljek in torek

ZAPRTO

Kontakt

Smledniška cesta 64a
4000 Kranj

+386 (0)4 28 10 300 +386 (0)40 623 352

prehod@prehod.si

Prijava na obisk salona Prijava na svetovanje Prijava na novice

prehod.official

#gardenlights

Nov 22

Open

Ko se čas sprehodi naprej.
Z @royalbotania se @prehod.official že 25 let sprehaja v času pred nami in razveseljuje kupce, ki nakupujejo z vizijo, kako želijo doživljali čas, ki šele prihaja.

Jun 12

Open

Ko se čas sprehodi naprej.
Z @royalbotania se @prehod.official že 25 let sprehaja v času pred nami in razveseljuje kupce, ki nakupujejo z vizijo, kako želijo doživljali čas, ki šele prihaja.

Praznike smo preživeli na obali in
nov teden pričenjamo polni optimizma. Salon in Prehodov vrt sta se že odela v zeleno.
V salonu kraljuje gugalnica KIDA, ki že navdušuje obiskovalce.

In kako vi doživljate pomlad?

Maj 6

Open

Praznike smo preživeli na obali in
nov teden pričenjamo polni optimizma. Salon in Prehodov vrt sta se že odela v zeleno.
V salonu kraljuje gugalnica KIDA, ki že navdušuje obiskovalce.

In kako vi doživljate pomlad?

Veseli smo @prehod.official ,da vam lahko predstavimo počivalnik ATOLO. Pričakujemo, da ga boste kmalu lahko preiskusili tudi v našem salonu. Zunanji prostori urbanih predelev za zabave polne čutnih in vizuelnih doživetij ga vabijo k druženju#prehodkranj#prehod #vrtnopohistvoprehod #dedon

Maj 3

Open