Content Layer

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

Content Column

width	100%
id	992640318

Content Block

padding	40px 0 0 0	margin	0 0 -150px 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

Content Layer

background-repeat	no-repeat
background-size	95%
name	P1-B V2: Subhead + Action Button
id	149587731
background-position	top

Content Column

width	100%
id	149587732

Content Block

margin	-100px 0 0 0
id	151571122
class	clean p2-header fade-up

with Digital Workplace Design

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 Block

background-color	transparent
padding	0
margin	0 0 80px 0
border-width	0
id	70205245
class	fade-up

Action Button

margin	25px 0 0 0
text	Learn More
class	small-button

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
class	clean no-popup-images
collapsible	collapse on desktop

Go Faster.

Work Better.

Move Together.

HTML Wrap

margin	10vh 0 0 0
class	scroll-arrow

Image Added

HTML 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

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

Content Layer

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

0

Content Column

width	100%
id	11259600451127242645

Content Block

borderbackground-widthcolor	0transparent
id	151444077
class	clean p2-header fade-up

with Digital Workplace Design

Content Block

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

Image Removed

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

Content Block

margin	0 150px 0 150px
border-width	0
id	1137941049
class	home-carousel
height	140px

Rotate Content

render-without-blocks

true

Rotate Content

render-without-blocks	true

delay
source-page	P1 Carousel V2

0

5
non-random	true

controls

initial-

horizontal-position

delay

right

8

controls

add-

vertical

scroll-

position

buttons	true

top

controls-horizontal-margin

35px

controls-vertical-margin

5px

initial-delay

animation	slideRight

blocktransparentmargin-40px border-width1126393550

content-

layer

background-color

#F0F4F7

padding

0 0 50px 0

id
margin	0
name	P2: Mission Statement

class
1984876883

clean

Action Button

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

Content Layer

name	P3-A: Title
id	1127242644
class	hide-layer clean white-curve-top-right

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

Content Column

width	29.999998%
id	1984876884

Content Block

background-color	transparent
margin	5px 0 0 0
border-width	0
id	1984876885
class	fade-right
collapsible	collapse on mobile

Image Added

Content Column

width	100%70%
id	11272426451986219987

Content Block

background-color	transparent
padding	25px 25px 0 25px
name	Desktop
border-width	0
id	1128088896	2002943601
class	fade-in
collapsible	collapse on mobile

OUR MISSION

YOU'RE IN GOOD COMPANY

Content Block

background-color	transparent
margin	-25px 0 0 0
name	Desktop
border-width	0
id	11272426461986219988
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 mobile

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

Action Button

margin	25px 0
link	Values
text	How We Do It

Content Block

background-color	transparent
name	Mobile
border-width	0
id	298800676
class	fade-in
collapsible	collapse on desktop

Image Added

HTML Wrap

padding	0px
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

Content Layer

background-color	transparent
padding	5px 0 45px 0
background-repeat	no-repeat
margin	0
background-size	105%
name	Hidden P3: Digital Workplace Design
background-image	P4-bg-v4.png
background-position	top
id	1986158269
class	hide-layer no-popup-images white-dip-top

Content Column

background-color	transparent

Content Layer

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

content-column


width	100.0%
id	134064091986158269

Content Block

background-color	transparent
border-width	0px
id	1131599172
class	fade-in

Image Added

Content Block

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"


id	1985128045
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

background-colorlayer

Content Layer

#F0F4F7	padding	25px 0 100px 0 50px 0
margin	-45px 0 0 0
name	P4: Mission Statement
id	1984876883314026234
class	graywhite-curve-top-right no-popup-images

Content Column

width	2970.999998%0%
id	1984876884314026244

Content Block

padding	45px
background-color	transparent
margin	25px 0 0 025px
border-width	0
id	1984876885314026254
class	fade-rightin

Image Removed

Content Column

width	70%
id	1986219987

collapsible	collapse on mobile

WORK FROM HOME SOLUTIONS

Content Block

background-color	transparent
paddingmargin	45px -25px 0 25px0 0
border-width	0
id	2002943601314281652
class	fade-in

OUR MISSION

collapsible	collapse on mobile

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

Content Block

background-color	transparent
margin	-25px 0 0 0
border-width	0
id	1986219988
class	fade-in

Redesigning work to create happy people moving together with shared purpose

.

Action Button

margin	25px 0
link	Valueslearn:Remote Work
text	Learn How We Do It

content-

Column

width	30.000002%
id	314231566

Content Block

id	314231577
class	fade-up clean

Image Added

Content Block

name	Mobile
border-width	0
id	314755903
class	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

background-color	transparent
padding	5px 0 45px 0
margin	0
background-repeat	no-repeat
background-size	105%
name	P5: Digital Workplace Design
background-position	top
id	1986158269
background-image	P4-bg-v4.png
class	no-popup-images white-dip-top

Content Column

background-color	transparent
width	100.0%
id	1986158269

Content Block

background-color	transparent
margin	25px 0 0 0
border-width	0px0
id	11315991721981236594
class	fade-inup clean

Image RemovedImage Added

content-column

width	65.0%
id	11522859

block

Content Block

background-

background-color	transparent
margin	25px 0px 0 0px
name	Desktop
border-width	0
id	1985128045174278687
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

Content Layer

background-color	#F0F4F7
padding	20px 0 60px 0
margin	-50px 0 25px 0
name	P6: Brikit Platform
id	1987481579
class	gray-curve-top-right no-popup-images

1987481581

up
collapsible	collapse on mobile

OUR PLATFORM

Content Block

background-color	transparent
margin	-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 Column

width

35.0%

id

Content Block

background-color	transparent
margin	25px 5px 0 -50px 0 0
name	Mobile
border-width	0
id	3005147051981236594
collapsibleclass	collapse on desktop	fade-up clean

Image Removed

Content Column

width	65.0%
id	11522859

Content Block

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

OUR PLATFORM

Content Block

background-color	transparent
margin	-45px 0 0 0
border-width	0
id	1987481583
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

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

25px 15px

Content Layer

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

Content Layer

Content Column

width	100%
id	289770668

Content Block

background-color	transparent

margin
padding	0

20px 0

10px 0

name

P7-A: Getting Started Title

background-position

top right

id

198588867

id	289770678
class	clean small-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

class

white-dip-top

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

Content Layer

padding	25px 0 45px 0
name	P7-B: Getting Started Details
id	176468049
class	no-popup-images

Content Column

width	33.333332%
id	176468050

Content Block

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

Content Block

border-width	0
id	176468051
class	clean

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

Content Block

border-width	0
id	177319421
class	clean

Mentorship

Your time, our talent.

Action Button

margin	25px
link	services:Services
text	Get Started

Content Column

width	33.333332%
id	177227679

Content Block

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

Content Block

border-width	0
id	177227681
class	clean

We do it

Our experts deliver it.

Content Layer

background-color	#F0F4F7
margin	75px 0 0 0
name	Logo Roll Title
id	1291140645
class	gray-curve-top-right

Content Column

width	100%
id	1291140646

Content Block

border-width	0
id	1291140647
class	clean

You're In Good Company

layer0backgroundsizeP8: Testimonials-themeDOCShomejots2

Content Layer

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

column

Content Column

width	129.500001%999999%
id	1290673793

Content Block

background-color	transparent
background-repeat	no-repeat
border-width	0
background-image	LOGOS_Airbnb.png	id	1290673794
background-position	center
background-image	atlassian-dark.png
id	1290908664
class	fade-in clean
heightcollapsible	20px

Content Column

width	12.500001%
id	1290908663

collapse on mobile
height	30px

Content Block

20px

background-color	transparent
background-repeat	no-repeat
name	Mobile
border-width	0	id	1290908664
background-position	center
id	303569857	background-image	atlassian-dark.png
class	fade-in clean	height
collapsible	collapse on desktop

Image Added

content-

block

width	12.500001%
id	1290922015

Content Block

background-color	transparent
background-repeat	no-repeat
name	Mobile
border-width	0	id	1290922016
background-position	center
id	460346033	background-image	atlassian-dark.png
class	fade-in clean
heightcollapsible	20px

Content Column

width	12.500001%
id	1290935638

collapse on desktop

Image Added

Content Block

background-color	transparent
background-repeat	no-repeat
name	Mobile
border-width	0
id	1290935639
background-background-position	center
id	460359982	background-image	atlassian-dark.png
class	fade-in clean
heightcollapsible	20px

Content Column

width	12.500001%
id	1290946817

collapse on desktop

Image Added

Content Block

id

background-color	transparent
background-repeat	no-repeat
name	Mobile
border-width	0
1290946825	background-position	center
id	460375022	background-image	atlassian-dark.png
class	fade-in clean
heightcollapsible	20px

Content Column

width	12.500001%
id	1290963930

collapse on desktop

Image Added

Content Block

20px

background-color	transparent
background-repeat	no-repeat
name	Mobile
border-width	0	id	1290963939
background-position	center
id	460387106	background-image	atlassian-dark.png
class	fade-in clean	height
collapsible	collapse on desktop

Image Added

Content Column

width	129.500001%999999%
id	12909752331290908663

Content Block

background-color	transparent
background-repeat	no-repeat
border-width	0
background-image	LOGOS_Apple.png	id	1290975234
background-position	center
id	1290673794	background-image	atlassian-dark.png
class	fade-in clean
collapsible	collapse on mobile
height	30px20px

Content Column

mobile-hide	true
width	129.500001%999999%
id	12909866441290922015

Content Block

20px

background-color	transparent
background-repeat	no-repeat
background-size	80px
border-width	0
background-image	LOGOS_Barclays.png	id	1290986645
background-position	center
id	1290922016	background-image	atlassian-dark.png
class	fade-in clean	height
collapsible	collapse on mobile
height	30px

content-

Column

mobile-hide	true
width	9.999999%
id	1290935638

Content Block

background-color	transparent

padding

35px 25px 100px 25px

margin


background-repeat	no-repeat

border-

700px

name

background-image
width	0

LOGOS_

Cisco.png

id

1992920435

class
background-position	center
id	1290935639

white-curve-top-right

1992948437

fade-in clean
collapsible	collapse on mobile
height	30px

Content Column

width

30.0%

id

Content Column

mobile-hide	true
width	409.0%999999%
id	19929204361290946817

Content Block

background-color	transparent
padding	10px
margin	0 0 50px 0
border-width	0
background-repeat	no-repeat
border-width	0
background-image	LOGOS_Coca-Cola.png
background-position	center
id	1290946825	id	1992920437
class	fade-right in clean
collapsible	collapse on mobile
height	30px

What Others Are Saying

blockborderradius5px

content-

Column

mobile-

hide

true
width	9.999999%
id	1290963930

Content Block

background-color	transparent
background-repeat	no-repeat
padding	30px 50px 0 50px
box-shadow	0px 0px 45px #e7e7e7
margin	0 0 50px 0
overflow	visible
border-width	0
id	515454208
height	200px

HTML Wrap

margin	-75px 0 10px 0

Rotate Content

render-without-blocks	true
source-page	Testimonials Content
controls-horizontal-position	right
controls-vertical-position	bottom
controls-horizontal-margin	180px
controls-vertical-margin	20px
animation	slideLeft

Content Column

width	30.0%
id	515336164

Content Layer

background-color	$lightColor
name	P9: Instagram Feed
id	857988395
class	gray-curve-top no-popup-images

background-image	LOGOS_Disney.png
background-position	center
id	1290963939
class	fade-in clean
collapsible	collapse on mobile
height	30px

Content Column

mobile-hide	true
width	9.999999%
id	1290975233

Content Block

background-color	transparent
background-repeat	no-repeat
border-width	0
background-image	LOGOS_EA.png
background-position	center
id	1290975234
class	fade-in clean
collapsible	collapse on mobile
height	30px

Content Column

mobile-hide	true
width	9.999999%
id	1290986644

Content Column

width	100%
id	857988396

Content Block

background-color	transparent
background-repeat	no-repeat
border-width	0
background-image	LOGOS_Jaguar.png
background-position	center0px
id	857988397	1290986645
class	fade-in clean
collapsible	collapse on mobile
height	30px

Content Column

mobile-hide	true
width	9.999999%
id	286507832

Content Block

background-color	transparent
background-repeat	no-repeat
border-width	0
background-image	LOGOS_Kroger.png
background-position	center
id	286507833
class	fade-in clean
collapsible	collapse on mobile
height	30px

Content Column

mobile-hide	true
width	9.999999%
id	286518368

Content Block

background-color	transparent
background-repeat	no-repeat
border-width	0
background-image	LOGOS_Uber.png
background-position	center
id	286518379
class	fade-in clean
collapsible	collapse on mobile
height	30px

Content Layer

padding	35px 25px 100px 25px
background-repeat	no-repeat
margin	0
background-size	700px
name	P8: Testimonials
background-image-theme	DOCShome_jots2.png
background-position	center
id	1992920435
class	white-curve-top-right

Content Column

width	30.0%
id	1992948437

Content Column

width	40.0%
id	1992920436

Content Block

background-color	transparent
padding	10px
margin	0 0 50px 0
name	Desktop
border-width	0
id	1992920437
class	fade-right clean
collapsible	collapse on mobile

What Others Are Saying

Content Block

background-color	transparent
padding	10px
margin	0 0 50px 0
name	Mobile
border-width	0
id	301227091
class	fade-right clean
collapsible	collapse on desktop

What Others Are Saying

Content Block

border-radius	5px
box-shadow	0px 0px 45px #e7e7e7
padding	30px 50px 0 50px
margin	0 0 50px 0
overflow	visible
name	Desktop
border-width	0
id	515454208
collapsible	collapse on mobile
height	430px

HTML Wrap

margin	-75px 0 10px 0

Rotate Content

render-without-blocks	true
source-page	Testimonials Content
non-random	true
controls-horizontal-position	right
controls-vertical-position	bottom
controls-horizontal-margin	200px
controls-vertical-margin	20px
animation	slideLeft

Content Block

border-radius	5px
box-shadow	0px 0px 45px #e7e7e7
padding	30px 50px 0 50px
margin	0 0 50px 0
overflow	visible
name	Mobile
border-width	0
id	301335113
collapsible	collapse on desktop
height	410px

HTML Wrap

padding	25px 10px
margin	0 0 10px 0

Rotate Content

render-without-blocks	true
source-page	Testimonials Content
non-random	true
controls-horizontal-position	right
controls-vertical-position	bottom
controls-horizontal-margin	125px
controls-vertical-margin	20px
animation	slideLeft

Content Column

width	30.0%
id	515336164

Content Layer

background-color	$lightColor
name	P9: Instagram Feed
id	857988395
class	gray-curve-top hidden

Content Column

width	100%
id	857988396

Content Block

background-color	transparent
border-width	0px
id	857988397

The Latest from @teambrikit

Catch a glimpse of what we've been up to from our Instagram feed.

HTML

<!-- SnapWidget created under dave@brikit.com -->
<script src="https://snapwidget.com/js/snapwidget.js"></script>
<iframe src="https://snapwidget.com/embed/759678" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden;  width:100%; "></iframe>

The Latest from @teambrikit

Catch a glimpse of what we've been up to from our Instagram feed.

HTML
<div id="instafeed"> </div>

Action Button

text	View More
url	https://www.instagram.com/teambrikit/

Page tree

Transform Your Digital Workplace

Industry Expertise

Inform Your Strategic Direction

Redefining Work

Documentation and Support

Versions Compared

Old Version 509

New Version Current

Key

Go Faster.

Work Better.

Move Together.

with Digital Workplace Design

with

Digital Workplace Design

Go Faster.

Work Better.

Move Together.

with

Digital Workplace Design

with Digital Workplace Design

OUR MISSION

YOU'RE IN GOOD COMPANY

Hundreds of companies use Brikit to:

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

OUR MISSION

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

How to approach Digital Workplace Design

WORK FROM HOME SOLUTIONS

OUR MISSION

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

.

WORK FROM HOME SOLUTIONS

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

How to approach Digital Workplace Design

OUR PLATFORM

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Action Buttonmargin25px 0linkplatform:The Brikit PlatformtextLearn More

OUR PLATFORM

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Action Buttonmargin25px 0linkplatform:Brikit: The Digital Workplace Design PlatformtextLearn More

OUR PLATFORM

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Action Buttonmargin25px 0linkplatform:The Brikit PlatformtextLearn More

Getting Started With Digital Workplace Design

You do it

Mentorship

We do it

You're In Good Company

What Others Are Saying

What Others Are Saying

The Latest from @teambrikit

The Latest from @teambrikit

Platform

Company

Support

Brikit Services

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

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

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