Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: change layer class to gray-curve-top hidden

Content Layer
padding0
margin0
nameP1: Hero - Desktop
id992640317
classhome-hero
Content Column
width100%
id992640318
Content Block
padding40px 0 0 0
id992640319
classclean no-popup-images
collapsiblecollapse on mobile

Go Faster.

Work Better.

Move Together.

HTML Wrap
margin10vh 0 0 0
classscroll-arrow

HTML Wrap
margin35px 0 -40px 0

with

Digital Workplace Design

HTML Wrap
margin35px 35px 60px 35px

Action Button
margin0
linkdesignlearn:Digital Workplace Design
textLearn More
classsmall-button

 

 

Content Layer
padding0
margin0
nameP1: Hero - Mobile
id282111053
classhome-hero-mobile
Content Column
width100%
id282111054
Content Block
padding40px 0 0 0
margin75px 0 25px 0 -150px 0
id282111056
classclean no-popup-images
collapsiblecollapse on desktop

Go Faster.

Work Better.

Move Together.

HTML Wrap
margin10vh 0 0 0
classscroll-arrow

HTML Wrap
margin35px 0 -40px 0

with

Digital Workplace Design

HTML Wrap
margin35px 35px 60px 35px

Image RemovedImage Added

Action Button
margin0
linkdesignlearn:Digital Workplace Design
textLearn More
classsmall-button

 

 

Content Layer
name*Hidden* P1-B: Carousel
id1127242644
class clean white-curve-top-right hide-layer
Content Column
width100%
id1127242645
Content Block
background-colortransparent
padding25px 25px 25px 100px
margin25px 200px 0px 200px
border-width0px
id149587733
classhome-carousel
height150px

Rotate Content
render-without-blockstrue
source-pageP1 Carousel V2
delay5
non-randomtrue
initial-delay8
add-scroll-buttonstrue
animationslideRight

 

 

layercontent-block
Content Layer
background-color#F0F4F7
padding0 0 50px 0
margin0
nameP2: Mission Statement
id1984876883
classgray-curve-top-right no-popup-images
Content Column
width29.999998%
id1984876884
Content Block
background-colortransparent
margin5px 0 0 0
border-width0
id1984876885
classfade-right
collapsiblecollapse on mobile

Content Column
width70%
id1986219987
Content Block
background-colortransparent
padding25px 25px 0 25px
nameDesktop
border-width0
id2002943601
classfade-in
collapsiblecollapse on mobile
OUR MISSION
Content Block
background-colortransparent
margin-25px 0 0 0
nameDesktop
border-width0
id1986219988
classfade-in
collapsiblecollapse on mobile

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

Action Button
margin25px 0
linkValues
textHow We Do It

content-
block
background-colortransparent
padding5px 0 45px 0
background-repeatno-repeat
margin0
background-size105%
name*Hidden* P3: Digital Workplace Design
background-imageP4-bg-v4.png
background-positiontop
id1986158269
classhide-layer no-popup-images white-dip-top
Content Column
background-colortransparent
width100.0%
id1986158269
nameMobile
border-width0
id298800676
classfade-in
collapsiblecollapse on desktop

Image Added

HTML Wrap
padding0px
margin25px 0px -20px 0px
OUR MISSION

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

Action Button
margin25px 0
linkValues
textHow We Do It

Content Layer
background-colortransparent
border-width0px
id1131599172
classfade-in

Image Removed

Content Block
background-colortransparent
border-width0
id1985128045
classfade-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
margin25px
textLearn How

 

 

 

padding5px 0 45px 0
background-repeatno-repeat
margin0
background-size105%
name*Hidden* P3: Digital Workplace Design
background-imageP4-bg-v4.png
background-positiontop
id1986158269
classhide-layer no-popup-images white-dip-top
Content Column
background-colortransparent
width100.0%
id1986158269
Content Block
background-colortransparent
border-width0px
id1131599172
classfade-in

Image Added

Content Block
background-colortransparent
border-width0
id1985128045
classfade-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
margin25px
textLearn How

 

 

 

Content Layer
padding25px 0 100px 0
id314026234
classwhite-curve-top-right
Content Column
width70.0%
id314026244
Content Block
padding45px 25px 0 25px
border-width0
id314026254
classfade-in
collapsiblecollapse on mobile
WORK FROM HOME SOLUTIONS
Content Block
background-colortransparent
margin-25px 0 0 0
border-width0
id314281652
classfade-in
collapsiblecollapse on mobile

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

Action Button
margin25px 0
linklearn:Remote Work
textLearn How

Content Column
width30.000002%
id314231566
Content Block
id314231577
classfade-up clean

Image Added

Content Block
nameMobile
border-width0
id314755903
classfade-in
collapsiblecollapse on desktop
WORK FROM HOME SOLUTIONS

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

Action Button
linklearn:Remote Work
textLearn more

Content Layer
background-color$lightColor
padding40px 0 60px 0
nameP6: Brikit Platform
id1987481579
classgray-curve-top no-popup-images
Content Column
width35.0%
id1987481581
Content Block
background-colortransparent
margin25px 0 0 0
border-width0
id1981236594
classfade-up clean

Image Added

Content Column
width65.0%
id11522859
Content Block
background-colortransparent
margin25px 0px 0 0px
nameDesktop
border-width0
id174278687
classfade-up
collapsiblecollapse on mobile
OUR PLATFORM
Content Block
background-colortransparent
margin-45px 0 0 0
nameDesktop
border-width0
id1987481583
classfade-up
collapsiblecollapse on mobile

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Action Button
margin25px 0
linkplatform:The Brikit Platform
textLearn More
 

Content Block
background-colortransparent
margin5px 0 -50px 0
nameMobile
border-width0
id300514705
collapsiblecollapse on desktop

HTML Wrap
padding0px
margin20px 0px -20px 0px
OUR PLATFORM

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Action Button
margin25px 0
linkplatform:The Brikit Platform
textLearn More
 

Content Layer
background-color$mediumColor
padding0
margin0
name#thisisconfluence
id289770667
classfade-in
Content Column
width100%
id289770668
Content Block
background-colortransparent
padding0
margin20px 0 10px 0
id289770678
classclean 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
padding0
margin65px 0 15px 0
nameP7-A: Getting Started Title
background-positiontop right
id198588867
Content Column
width100%
id198588868
Content Block
margin50px 0 0 0
border-width0
id198588869
classfade-in clean

Getting Started With Digital Workplace Design

Content Layer
padding25px 0 45px 0
nameP7-B: Getting Started Details
id176468049
classno-popup-images
Content Column
width33.333332%
id176468050
Content Block
border-width0
id177584624
classclean fade-in
height60px

Image Added

Content Block
border-width0
id176468051
classclean

You do it

Your time, your talent.

Content Column
width33.333332%
id177319420
Content Block
border-width0
id177600150
classclean fade-in
height60px

Image Added

Content Block
border-width0
id177319421
classclean

Mentorship

Your time, our talent.

Action Button
margin25px
linkservices:Services
textGet Started

Content Column
width33.333332%
id177227679
Content Block
border-width0
id177610141
classclean fade-in
height60px

Image Added

Content Block
border-width0
id177227681
classclean

We do it

Our experts deliver it.

Content Layer
background-color#F0F4F7
margin75px 0 0 0
nameLogo Roll Title
id1291140645
classgray-curve-top-right
Content Column
width100%
id1291140646
Content Block
Content Layer
padding20px 0
nameP6: Brikit Platform
id1987481579
classwhite-curve-top-right no-popup-images
Content Column
width35.0%
id1987481581
25px 0 0 0
Content Block
background-colortransparent
margin
border-width0
id19812365941291140647
classfade-up clean
Image Removed

You're In Good Company

columntransparentlayerP7-A: Getting Started Titletop right198588867white-curve-top-rightlayerno-popup-imagesgray-curve-top-right
content-layer
width65.0%
id11522859
Content Block
background-color
#F0F4F7
padding0 0 120px 0
nameClient Logo Roll
id1290673791
OUR PLATFORM
Content Column
width9.999999%
id1290673793
margin25px 0px 0 0px
border-width0
id174278687
classfade-up

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Learn More
Content Block
background-colortransparent
marginbackground-repeatno-45px 0 0 0repeat
border-width0
background-imageLOGOS_Airbnb.png
background-positioncenter
id19874815831290908664
classfade-up
Action Button
margin25px 0
linkplatform:The Brikit Platform
text
in clean
collapsiblecollapse on mobile
height30px
 
content-
block
background-color
$lightColor
margin90px 0 0 0
name#thisisconfluence
id289770667
classgray-curve-top-right
289770668
transparent
background-repeatno-repeat
nameMobile
border-width0
background-positioncenter
id303569857
classfade-in clean
collapsiblecollapse on desktop

Image Added

Image Added

Content Column
width100%
id

Content Block
height
paddingbackground-color30pxtransparent
background-repeatno-repeat
marginname0 100pxMobile
backgroundborder-size700pxidwidth0289770678
background-imageDOCS_jots-layer2.pngpositioncenter
id460346033background-positioncenter
classfade-in clean100px
Wondering what the Brikit platform does for Atlassian Confluence?

You're looking at it. (This site was designed with the Brikit platform.)

Image Removed

Content Layer
collapsiblecollapse on desktop

Image Added

Image Added

Content Block
background-colortransparent
background-repeatno-repeat
nameMobile
border-width0
padding0
margin25px 0 15px 0
name
background-position
center
id
460359982
class
columnwidth100%
fade-in clean
collapsiblecollapse on desktop

Image Added

Image Added

content-
block
background-color
transparent
id198588868
background-repeatno-repeat
nameMobile
Content Block
margin50px 0 0 0
border-width0
background-positioncenter
id198588869460375022
classfade-in clean
collapsiblecollapse on desktop

Image Added

Image Added

Getting Started With Digital Workplace Design

content-
block
background-colortransparent
background-repeatno-repeat
nameMobile
border-width0
background-positioncenter
id460387106
classfade-in clean
collapsiblecollapse on desktop

Image Added

Image Added

padding25px 0 45px 0
nameP7-B: Getting Started Details
id176468049
class

Content Column
width339.333332%999999%
id1764680501290908663
content-block
Content Block
borderbackground-widthcolor0
id177584624
classclean fade-in
height60px

Image Removed

transparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Apple.png
background-positioncenter
id1764680511290673794
classfade-in clean
collapsiblecollapse on mobile
height30px
 

You do it

Your time, your talent.
0177600150
Content Column
width33.333332%
id177319420
mobile-hidetrue
width9.999999%
Content Block
border-width
id
1290922015
content-blockGet Started
Content Block
background-colortransparent
background-repeatno-repeat
background-size80px
classclean fade-in
height60px

Image Removed

border-width0
id177319421
classclean
background-imageLOGOS_Barclays.png
background-positioncenter
id1290922016
classfade-in clean
collapsiblecollapse on mobile
height30px
 

Mentorship

Your time, our talent.

Action Button
margin25px
linkservices:Services
text
Content Column
mobile-hidetrue
width339.333332%999999%
id1772276791290935638
content-block
Content Block
borderbackground-widthcolor0
id177610141
classclean fade-in
height60px

Image Removed

transparent
background-repeatno-repeat
border-width0
id177227681
classclean

We do it

Our experts deliver it.

Content Layer
background-imageLOGOS_Cisco.png
background-positioncenter
id1290935639
classfade-in clean
collapsiblecollapse on mobile
height30px
 
background-color#F0F4F7
margin75px 0 0 0
nameLogo Roll Title
id1291140645
class
Content Column
mobile-hidetrue
width100%9.999999%
id12911406461290946817
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
id1291140647
classclean

You're In Good Company

Content Layer
background-color#F0F4F7
padding0 0 120px 0
nameClient Logo Roll
id1290673791
background-imageLOGOS_Coca-Cola.png
background-positioncenter
id1290946825
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id1290963930
Content Column
width12.500001%
id1290673793
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageatlassian-darkLOGOS_Disney.png
background-positioncenter
id12906737941290963939
classfade-in clean
collapsiblecollapse on mobile
height20px30px
 
Content Column
mobile-hidetrue
width129.500001%999999%
id12909086631290975233
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageatlassian-darkLOGOS_EA.png
background-positioncenter
id12909086641290975234
classfade-in clean
collapsiblecollapse on mobile
height20px30px
 
Content Column
mobile-hidetrue
width129.500001%999999%
id12909220151290986644
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageatlassian-darkLOGOS_Jaguar.png
background-positioncenter
id12909220161290986645
classfade-in clean
collapsiblecollapse on mobile
height20px30px
 
Content Column
mobile-hidetrue
width129.500001%999999%
id1290935638286507832
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageatlassian-darkLOGOS_Kroger.png
background-positioncenter
id1290935639286507833
classfade-in clean
collapsiblecollapse on mobile
height20px30px
 
Content Column
mobile-hidetrue
width129.500001%999999%
id1290946817286518368
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageatlassian-darkLOGOS_Uber.png
background-positioncenter
id1290946825286518379
classfade-in clean
collapsiblecollapse on mobile
height20px30px
 
column0atlassian-dark1290963939layer
content-
layer
padding35px 25px 100px 25px
background-repeatno-repeat
margin0
background-size700px
nameP8: Testimonials
width12.500001%
id1290963930
Content Block
background-colortransparent
background-repeatno-repeat
border-width
background-image
-themeDOCShome_jots2.png
background-positioncenter
id
1992920435
classwhite-curve-top-right
20px
Content Column
width30.0%
id1992948437
fade-in cleanheight
 
column
Content Column
width1240.500001%0%
id12909752331992920436
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageatlassian-dark.png
background-positioncenter
padding10px
margin0 0 50px 0
nameDesktop
border-width0
id1992920437id1290975234
classfade-in right clean
heightcollapsible20pxcollapse on mobile

What Others Are Saying

 

content-
width12.500001%
id1290986644
content-block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageatlassian-dark.png
background-positioncenter
padding10px
margin0 0 50px 0
nameMobile
border-width0
id301227091id1290986645
classfade-in right clean
heightcollapsible20pxcollapse on desktop

What Others Are Saying

 

content-
block
padding35px 25px 100px 25px
background-repeatno-repeat
margin0
background-size700px
nameP8: Testimonials
background-image-themeDOCShome_jots2.png
background-positioncenter
id1992920435
classwhite-curve-top-right
border-radius5px
box-shadow0px 0px 45px #e7e7e7
padding30px 50px 0 50px
margin0 0 50px 0
overflowvisible
nameDesktop
border-width0
id515454208
collapsiblecollapse on mobile
height430px

HTML Wrap
margin-75px 0 10px 0

Rotate Content
render-without-blockstrue
source-pageTestimonials Content
non-randomtrue
controls-horizontal-positionright
controls-vertical-positionbottom
controls-horizontal-margin200px
controls-vertical-margin20px
animationslideLeft

Content Column
width30.0%
id1992948437
 
Content Column
width40.0%
id1992920436
Content Block
background-colortransparent
padding10px
margin0 0 50px 0
border-width0
id1992920437
classfade-right clean
What Others Are Saying

Content Block
border-radius5px
box-shadow0px 0px 45px #e7e7e7
padding30px 50px 0 50px
margin0 0 50px 0
overflowvisible
nameMobile
border-width0
id301335113
collapsiblecollapse on desktop515454208
height330px410px

HTML Wrap
padding25px 10px
margin

-75px

0 0 10px 0

Rotate Content
render-without-blockstrue
source-pageTestimonials Content
non-randomtrue
controls-horizontal-positionright
controls-vertical-positionbottom
controls-horizontal-margin

180px

125px
controls-vertical-margin20px
animationslideLeft

Content Column
width30.0%
id515336164
 
Content Layer
background-color$lightColor
nameP9: Instagram Feed
id857988395
classgray-curve-top hidden
Content Column
width100%
id857988396
Content Block
background-colortransparent
border-width0px
id857988397

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>


Action Button
textView More
urlhttps://www.instagram.com/teambrikit/