Content Layer

padding	0
margin	0
name	P1-A: Hero - Desktop
id	992640317
class	home-hero

Content Column

width	100%
id	992640318

Content Block

padding	40px 0 0 0
id	992640319
class	clean no-popup-images
collapsible	collapse on mobile

Go Faster.

Work Better.

Move Together.

HTML Wrap

margin	10vh 0 0 0
class	scroll-arrow

html-

add-class

button-test

selector

body

wrap

margin	35px 0 -40px 0

with

Digital Workplace Design

HTML Wrap

margin	35px 35px 60px 35px

Image Added

Action Button

margin	0
link	learn:Digital Workplace Design
text	Learn More
class	small-button

Content Layer

padding	0
margin	0
name	P1: Hero - Mobile
id	282111053
class	home-hero-mobile

Content Column

width	100%
id	282111054

Content Block

padding	40px 0 0 0
margin	75px 0 25px 0
id	282111056

Content Layer

margin	-40px 0 50px 0
name	P1-B: Subhead + Action Button
id	1125960044
class	clean

Content Column

width	100%
id	1125960045

Content Block

border-width	0
id	1125960046
class	clean p2-header fade-up

with Digital Workplace Design

content-blockid1137941049classhomecarousel

Content Block

margin	45px 0 0 0
id	1232962202
class	clean no-popup-images

Image Removed


collapsible	collapse on desktop

Go Faster.

Work Better.

Move Together.

HTML Wrap

margin

0 200px

border-width

10vh 0 0 0

class

scroll-arrow

Image Added

HTML-

wrap

height

140px

Rotate Content

render-without-blocks	true
source-page	P1 Carousel
delay	0
non-random	true
controls-horizontal-position	left
controls-vertical-position	top
controls-horizontal-margin	200px
controls-vertical-margin	5px
initial-delay	0
animation	fade

Content Block

background-color	transparent
margin	-40px 0 50px 0
border-width	0
id	1126393550

Action Button

margin	25px
link	design:Digital Workplace Design
text	Learn More
class	small-button

Content Layer

margin	35px 0 -40px 0

with

Digital Workplace Design

HTML Wrap

margin	35px 35px 60px 35px

Image Added

Action Button

margin	0
link	learn:Digital Workplace Design
text	Learn More
class	small-button

Content Layer

name	Hidden P1-B: Carousel
id	1127242644
class	clean white-curve-top-right hide-layer

Content Column

width	100%
id	1127242645

Content Block

background-color	transparent
padding	25px 25px 25px 100px
margin	25px 200px 0px 200px
border-width	0px
id	149587733
class	home-carousel
height	150px

Rotate Content

render-without-blocks	true
source-page	P1 Carousel V2
delay	5
non-random	true
initial-delay	8
add-scroll-buttons	true
animation	slideRight

Content Layer

class
background-color	#F0F4F7
padding	0 0 50px 0
margin	0
name	P2: Mission Statement
id	1984876883
background-color	#F0F4F7
padding	0px 0px 75px 0px
margin	-50px 0 0 0
name	P2: Client Logo Roll
id	1996575224
class	hide-layer gray-curve-top-right cleanno-popup-images

Content Column

width	1229.500001%999998%
id	19965752261984876884

Content Block

background-color	transparent	background-repeat
margin	5px 0 0 0no-repeat
border-width	0
background-image	siemens-dark.png
background-position	center
id	19965752281984876885
class	fade-inright
heightcollapsible	20pxcollapse on mobile

Image Added

1997075853

Content Column

width	12.500001%70%
id	19970561691986219987

Content Block

background-color	transparent
padding	25px 25px 0 25px
name	Desktop	background-repeat	no-repeat
border-width	0
background-image	apple-dark.png
background-position	center
id	19970561712002943601
class	fade-in
heightcollapsible	20px

Content Column

collapse on mobile

OUR MISSION

width

12.500001%

id

Content Block

background-image

background-color	transparent
background-repeatmargin	no-repeat25px 0 0 0
name	Desktop
border-width	0	atlassian-dark.png
background-position	center
id	19970758541986219988
class	fade-in
heightcollapsible	20px

Content Column

width	12.500001%
id	1997099251

collapse on mobile

Redesigning work to create happy people moving together with shared purpose.

Action Button

margin	25px 0
link	Values
text	How We Do It

contentcolumnwidth12.500001%content-block

contentcontent-block

background-color	transparent
name	Mobile	background-repeat	no-repeat
border-width	0
background-image	walgreens-dark.png
background-position	center
id	1997099252298800676
class	fade-in
heightcollapsible	20pxcollapse on desktop

Image Added

HTML-

wrap

padding

0px

id

1997123901

margin	25px 0px -20px 0px

OUR MISSION

Redesigning work to create happy people moving together with shared purpose.

Action Button

margin	25px 0
link	Values
text	How We Do It

border-widthimageea-darkcenter1997123902

Content Layer

background-color	transparent
padding	5px 0 45px 0
background-repeat	no-repeat

background-
margin	0

background-position
size	105%
name	Hidden P3: Digital Workplace Design
background-image	P4-bg-v4.png

id
top

class
1986158269

fade-in

height

20px

hide-layer no-popup-images white-dip-top

Content Column

background-color	transparent
width	12100.500001%0%
id	19971393261986158269

Content Block

background-color	transparent
background-repeat	no-repeat
border-width	0
background-image	samsung-dark.png
background-position	center
0px
id	1131599172	id	1997139327
class	fade-in
height	20px

Content Column

width	12.500001%
id	1998489107

Image Added

Content Block

background-repeat

background-color	transparent	no-repeat
border-width	0
background-image	neiman-marcus-dark.png
background-position	center
id	1998489109
id	1985128045
class	fade-in
height	20px

clean

How to approach Digital Workplace Design

Use four powerful design disciplines to craft a digital workplace
that fits your company and your people.

Action Button

margin	25px
text	Learn How

layerP3-A: Title1127242644hide-layer clean white-curve-top-right

Content Layer

padding	25px 0 100px 0
id	314026234
class	white-curve-top-right

Content Column

width	70.0%
id	314026244

Content Block

padding	45px 25px 0 25px
border-width	0
id	314026254

Content Column

width	12.500001%
id	1998530584

Content Block

background-color	transparent
background-repeat	no-repeat
border-width	0
background-image	zillow-dark.png
background-position	center
id	1998530585
class	fade-in
heightcollapsible	20px	collapse on mobile

WORK FROM HOME SOLUTIONS

content-

block

background-color	transparent
margin	-25px 0 0 0
border-width	0

name

id

class
314281652

fade-in
collapsible	collapse on mobile

Evolve into a Work From Home enterprise to engage and manage remote employees.

Action Button

margin	25px 0
link	learn:Remote Work
text	Learn How

Content Column

width	100%30.000002%
id	1127242645314231566

Content Block

background-colorid	transparent314231577
padding	0 25px
border-width	0
id	1128088896
class	fade-up clean

Image Added

YOU'RE IN GOOD COMPANY

Content Block

background-colorname	transparentMobile
border-width	0
id	1127242646314755903
class	clean

Hundreds of companies use Brikit to:

Content Layer

container-padding	0 50px
name	Temporary Links
id	10
class	hide-layer

Content Column

column	alternate
width	33.333%
id	101

Content Block

id	1011
class	clean fade-in bullet-green

Content Column

column	alternate
width	33.333%
id	102

Content Block

id	1021
class	clean fade-in bullet-red

Content Column

column	alternate
width	33.333%
id	103

Content Block

id	1031
class	clean fade-in bullet-yellow

fade-in
collapsible	collapse on desktop

WORK FROM HOME SOLUTIONS

Evolve into a Work From Home enterprise to engage and manage remote employees.

Action Button

link	learn:Remote Work
text	Learn more

Content Layer

background-color	$lightColor
padding	40px 0 60px 0
name	P6: Brikit Platform
id	1987481579
class	gray-curve-top no-popup-images

Content Column

width	35.0%
id	1987481581

Content Block

background-color	transparent
margin	25px 0 0 0
border-width	0
id	1981236594
class	fade-up clean

Image Added

Content Column

width	65.0%
id	11522859

Content Block

background-color	transparent
margin	25px 0px 0 0px
name	Desktop
border-width	0
id	174278687
class	fade-up
collapsible	collapse on mobile

OUR PLATFORM

Content Layer

padding	25px 25px 155px 25px
name	P3-B: Carousel
id	13406407
class	hide-layer p3-carousel fade-in

13406409

Content Column

width

100.0%

id

Content Block

margin
background-color	transparent
rich-links-hide-site-icon	true
rich-links-details-padding	15px
rich-links-hide-site-name	true
rich-links-details-length	500
rich-links-enable	true
border-width	0
rich-links-details-alignment	left
id	13406413
class	clean

Rich Link Carousel

Content Query

max	3
sort	created
cql	type = "page" and parent = "28837003"

-45px 0 0 0
name	Desktop
border-width	0
id	1987481583
class	fade-up
collapsible	collapse on mobile

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Action Button
margin 25px 0
link platform:The Brikit Platform
text Learn More

Content Block

background-color	transparent
margin	5px 0 -50px 0
name	Mobile
border-width	0
id	300514705
collapsible	collapse on desktop

HTML Wrap

padding	0px
margin	20px 0px -20px 0px

OUR PLATFORM

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Action Button
margin 25px 0
link platform:The Brikit Platform
text Learn More

Content Layer

background-color	$mediumColor
padding	0
margin	0
name	#thisisconfluence
id	289770667
class	fade-in

Content Column

width	100%
id	289770668

Content Layer

background-color	#F0F4F7
padding	0 0 50px 0
margin	-45px 0 0 0
name	P4: Mission Statement
id	1984876883
class	gray-curve-top-right no-popup-images

Content Column

width	29.999998%
id	1984876884

Content Block

background-color	transparent
margin	25px 0 0 0
border-width	0
id	1984876885
class	fade-right

Image Removed

OUR MISSION

Content Column

width	70%
id	1986219987

Content Block

background-color	transparent
padding	45px 25px 0 25px
border-width	0
id	2002943601
class	fade-in

Content Block

background-color	transparent
marginpadding	-25px 0 0 0
border-widthmargin	20px 0 10px 0
id	1986219988289770678
class	fadeclean small-in

Redesigning work to create happy people moving together with shared purpose.

Action Button

margin	25px 0
link	Values
text	How We Do It
class	small-button

Content Layer

text

Wondering what the Brikit platform does for Atlassian Confluence? You're looking at it.
This site was defined using our Methodology, and designed, built, launched and maintained on the Brikit platform. #thisisconfluence

Content Layer

padding	0
margin	65px 0 15px 0
name	P7-A: Getting Started Title
background-position	top right
id	198588867

Content Column

width	100%
id	198588868

Content Block

margin	50px 0 0 0
border-width	0
id	198588869
class	fade-in clean

Getting Started With Digital Workplace Design

gray-curve-top-right no-popup-images

Content Layer

padding	25px 0 45px 0
name	P7-B: Getting Started Details
id	176468049
background-color	transparent
padding	0
margin	0
background-size	cover
name	P5: Digital Workplace Design
background-position	center
id	1986158269
class	no-popup-images white-dip-top

transparent

Content Column

background-color

width	10033.0%333332%
id	1986158269176468050

Content Block

background-color	transparent
borderborder-width	0px0
id	1131599172177584624
class	clean fade-in
height	60px

Image AddedImage Removed

transparent

Content Block

background-color

border-width	0
id	1985128045176468051
class	fade-in clean

How to approach Digital Workplace Design

Use four powerful design disciplines to craft a digital workplace
that fits your company and your people.

Action Button

margin	25px
text	Learn How
class	small-button

Content Layer

You do it

Your time, your talent.

Content Column

width	33.333332%
id	177319420

Content Block

border-width	0
id	177600150
class	clean fade-in
height	60px

Image Added

Content Block

border-width	0
id	177319421
class	clean

Mentorship

Your time, our talent.

Action Button

margin	25px
link	services:Services
text	Get Started

background-color

#F0F4F7

padding

20px 0 60px 0

margin

-50px 0 25px 0

name

P6: Brikit Platform

id

1987481579

class

column65.0%11522859

Content Column

width	3533.0%333332%
id	1987481581177227679

Content Block

background-color	transparent
margin	25px 0 0 0
border-border-width	0
id	1981236594177610141
class	clean fade-up cleanin
height	60px

Image Added

Image Removed

content-

block

border-width

id
0

	177227681
class	clean

We do it

Our experts deliver it.

blocktransparent25px 0px 0px0174278687

OUR PLATFORM

content-

layer

background-color

margin
#F0F4F7

75px 0 0

0

border-width

name	Logo Roll Title

id

class
1291140645

fade-up

gray-curve-top-right

content-column

width	100%
id	1291140646

block-45px 0 0 0

Content Block

background-color

transparent

margin

border-width	0
id	19874815831291140647
class	fade-up

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Action Button
margin 25px 0
link platform:Brikit: The Digital Workplace Design Platform
text Learn More
class small-button

Content Layer

padding	0
margin	25px 0 0 0
name	P7-A: Getting Started Title
background-position	top right
id	198588867
class	white-dip-top

	clean

You're In Good Company

layerclasspopup-imageslayergray-curve-top-right

Content Layer

background-color	#F0F4F7
padding	0 0 120px 0
name	Client Logo Roll
id	1290673791

Content Column

width	9.999999%
id	1290673793

Content Block

background-color	transparent
background-repeat	no-repeat
border-width	0
background-image	LOGOS_Airbnb.png
background-position	center
id	1290908664

Content Column

width	100%
id	198588868

Content Block

margin	50px 0 0 0
border-width	0
id	198588869
class	fade-in clean
collapsible	collapse on mobile
height	30px

Getting Started With Digital Workplace Design

content-

block

name

P7-B: Getting Started Details

id

176468049

background-repeat
background-color	transparent

Content Column

width	33.333332%
id	176468050

Content Block

	no-

177227679

repeat
name	Mobile

border-width	0
background-position	center
id	177584624303569857
class	clean fade-in clean
height	60px
collapsible	collapse on desktop

Image Added

Image Removed

Content Block

borderbackground-widthcolor	0transparent
id	176468051
class	clean