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 0 -50px 0
nameP1-A: Hero - Desktop
id992640317
classhome-hero
Content Column
width100%
id992640318

Content Block
padding40px 0 0 0margin 0 0 -100px 0
id992640319
classclean no-popup-images
collapsiblecollapse on mobile

Go Faster.

Work Better.

Move Together.

HTML Wrap
margin10vh 0 0 0
classscroll-arrow

 

 

html-
add-class
button-testbutton-test
selectorbody
Content Layer
background-repeatno-repeat
background-size90%
nameP1-B V2: Subhead + Action Button
id149587731
background-positiontop
background-imageP2-bg-v7.png
Content Column
width100%
id149587732
Content Block
margin0 0 0 0
id151571122
classclean p2-header fade-up

with Digital Workplace Design

Content Block
background-colortransparent
padding25px 25px 25px 100px
margin25px 200px 80px 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

wrap
margin35px 0 -40px 0

with

Digital Workplace Design

HTML Wrap
margin35px 35px 60px 35px

Image Added

Action Button
margin0
linklearn: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
id282111056
classclean no-popup-images
collapsiblecollapse on desktop

Go Faster.

Work Better.

Move Together.

HTML Wrap
margin10vh 0 0 0
classscroll-arrow

Image Added

HTML Wrap
margin35px 0 -40px 0

with

Digital Workplace Design

HTML Wrap
margin35px 35px 60px 35px

Image Added

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

 

 

Content Layer
name*Hidden* P1-B: Carousel
id1127242644
class clean white-curve-top-right
Content Layer
margin-40px 0 50px 0
nameP1-B: Subhead + Action Button
id1125960044
classclean hide-layer
Content Column
width100%
id11259600451127242645
Content Block
background-colortransparent
padding25px 25px 25px 100px
margin25px 200px 0px 200px
border-width00px
id151444077149587733
classclean p2-header fade-up

with Digital Workplace Design

Content Block
margin45px 0 0 0
id1232962202
classclean no-popup-images fade-up

Image Removed

home-carousel
height150px

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

 

 

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
margin0 150px 0 150px
border-width0
id1137941049
classhome-carousel
height140px

Rotate Content
render-without-blockstrue
source-pageP1 Carousel
delay0
non-randomtrue
controls-horizontal-positionright
controls-vertical-positiontop
controls-horizontal-margin35px
controls-vertical-margin5px
initial-delay0

actionbuttonmargin
Content Block
background-colortransparent
margin-40px 5px 0 0 50px 0
border-width0
id11263935501984876885
classclean
fade-
right
collapsible
25px
linkdesign:Digital Workplace Design
textLearn More
classsmall-button
Content Layer
nameP3-A: Title
id1127242644
classhide-layer clean white-curve-top-right
collapse on mobile

Image Added

content-content-column
width100%70%
id11272426451986219987
Content Block
background-colortransparent
padding25px 25px 0 25px
nameDesktop
border-width0
id11280888962002943601
classfade-in
collapsiblecollapse on mobile
OUR MISSION
YOU'RE IN GOOD COMPANY
Content Block
background-colortransparent
margin-25px 0 0 0
nameDesktop
border-width0
id11272426461986219988
classclean

Hundreds of companies use Brikit to:

Content Layer
container-padding0 50px
nameTemporary Links
id10
classhide-layer
Content Column
columnalternate
width33.333%
id101
Content Block
id1011
classclean fade-in bullet-green
Content Column
columnalternate
width33.333%
id102
Content Block
id1021
classclean fade-in bullet-red
Content Column
columnalternate
width33.333%
id103
Content Block
id1031
classclean fade-in bullet-yellow
fade-in
collapsiblecollapse on mobile

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

Action Button
margin25px 0
linkValues
textHow We Do It

Content Block
background-colortransparent
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
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
Content Layer
padding25px 25px 155px 25px
nameP3-B: Carousel
id13406407
classhide-layer p3-carousel fade-in
Content Column
background-colortransparent
width100.0%
id134064091986158269
Content Block
background-colortransparent
border-width0px
id1131599172
classfade-in

Image Added

Content Block
background-colortransparent
rich-links-hide-site-icontrue
rich-links-details-padding15px
rich-links-hide-site-nametrue
rich-links-details-length500
rich-links-enabletrue
border-width0
rich-links-details-alignmentleft
id134064131985128045
classclean
Rich Link Carousel

Content Query
max3
sortcreated
cqltype = "page" and parent = "28837003"

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
margin25px
textLearn How

 

 

 

Content Layer
padding25px 0 100px 0
id314026234
classwhite
background-color#F0F4F7
padding0 0 50px 0
margin-45px 0 0 0
nameP4: Mission Statement
id1984876883
classgray-curve-top-right no-popup-images
1986219987
Content Column
width2970.999998%0%
id1984876884314026244
Content Block
padding45px
background-colortransparent
margin 25px 0 0 025px
border-width0
id1984876885314026254
classfade-rightin

Image Removed

Content Column
collapsiblecollapse on mobile
WORK FROM HOME SOLUTIONS
width70%
id
transparent- 0 00
Content Block
background-colortransparent
paddingmargin45px -25px 0 0 0 25px
border-width0
id2002943601314281652
classfade-in
OUR MISSION
collapsiblecollapse on mobile

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

Action Button

Content Block
background-color

margin

25px 0

border-width

linklearn:Remote Work
textLearn How

Content Column
width30.000002%
id314231566
Content Block
id1986219988314231577
classfade-inup clean

Image Added

How We Do It

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

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

Action Button
margin25px 0
linkValues
text

content-layer#F0F4F7padding20px 60px marginP6: Brikit Platform1987481579
Content Layer
background-colortransparent$lightColor
padding5px 40px 0 45px 60px 0
margin0
background-repeatno-repeat
background-size105%
nameP5: Digital Workplace Design
background-positiontop
id1986158269
background-imageP4-bg-v4.png
nameP6: Brikit Platform
id1987481579
classgray-curve-top class no-popup-images white-dip-top
Content Column
width35
background-colortransparent
width100.0%
id19861582691987481581
Image Removed
Content Block
background-colortransparent
margin25px 0 0 0
border-width0px0
id11315991721981236594
classfade-in
up clean

Image Added

Content Column
width65.0%
id11522859
Content Block
background-colortransparent
margin25px 0px 0 0px
nameDesktop
border-width0
id1985128045174278687
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

 

 

 

up
collapsiblecollapse on mobile
OUR PLATFORM
Content Block
background-color
transparent
margin
-45px 0 0
0
name
-50px 0 25px 0name
Desktop
border-width0
id
1987481583
class
gray-curve-top-right no-popup-images
fade-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-
Content Column
width35.0%
id1987481581
content-block
background-colortransparent
margin25px 5px 0 0 0-50px 0
nameMobile
border-width0
id1981236594300514705
classfade-up clean

Image Removed

Content Column
width65.0%
id11522859
transparent 0px 0pxcontent-block
collapsiblecollapse on desktop

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

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Action Button

Content Block
background-color

margin25px

0

border-width0
id174278687
classfade-up
OUR PLATFORM

linkplatform:The Brikit Platform
textLearn More
 

transparent-45px 0 0border-width01987481583up 25px 15px 0198588867
Content Layer
background-color$mediumColor
padding
0
margin
0
name
#thisisconfluence
id
289770667
classfade-

Brikit transforms Atlassian Confluence into a Digital Workplace Design platform.

Action Button
margin25px 0
linkplatform:Brikit: The Digital Workplace Design Platform
textLearn More
 

Content Layer
in
padding
Content Column
width100%
id289770668
Content Block
background-colortransparent
padding
0
margin
20px 0
nameP7-A: Getting Started Title
background-positiontop right
id
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
white-dip-top
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

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

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

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
border-width0
id1291140647
classclean

You're In Good Company

layer0backgroundsizeP8: Testimonials-themeDOCShomejots2
Content Layer
background-color#F0F4F7
padding0 0 120px 0
nameClient Logo Roll
id1290673791
column
Content Column
width129.500001%999999%
id1290673793
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Airbnb.pngid1290673794
background-positioncenter
background-imageatlassian-dark.png
id1290908664
classfade-in clean
heightcollapsible20px
Content Column
width12.500001%
id1290908663
collapse on mobile
height30px
 
Content Block
20px
background-colortransparent
background-repeatno-repeat
nameMobile
border-width0id1290908664
background-positioncenter
id303569857background-imageatlassian-dark.png
classfade-in cleanheight
collapsiblecollapse on desktop

Image Added

Image Added

content-
block
width12.500001%
id1290922015
Content Block
background-colortransparent
background-repeatno-repeat
nameMobile
border-width0id1290922016
background-positioncenter
id460346033background-imageatlassian-dark.png
classfade-in clean
heightcollapsible20px
Content Column
width12.500001%
id1290935638
collapse on desktop

Image Added

Image Added

Content Block
background-colortransparent
background-repeatno-repeat
nameMobile
border-width0
id1290935639
background-background-positioncenter
id460359982background-imageatlassian-dark.png
classfade-in clean
heightcollapsible20px
Content Column
width12.500001%
id1290946817
collapse on desktop

Image Added

Image Added

Content Block
id
background-colortransparent
background-repeatno-repeat
nameMobile
border-width0
1290946825background-positioncenter
id460375022background-imageatlassian-dark.png
classfade-in clean
heightcollapsible20px
Content Column
width12.500001%
id1290963930
collapse on desktop

Image Added

Image Added

Content Block
20px
background-colortransparent
background-repeatno-repeat
nameMobile
border-width0id1290963939
background-positioncenter
id460387106background-imageatlassian-dark.png
classfade-in cleanheight
collapsiblecollapse on desktop

Image Added

Image Added

Content Column
width129.500001%999999%
id12909752331290908663
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Apple.pngid1290975234
background-positioncenter
id1290673794background-imageatlassian-dark.png
classfade-in clean
collapsiblecollapse on mobile
height30px20px
 
Content Column
mobile-hidetrue
width129.500001%999999%
id12909866441290922015
Content Block
20px
background-colortransparent
background-repeatno-repeat
background-size80px
border-width0
background-imageLOGOS_Barclays.pngid1290986645
background-positioncenter
id1290922016background-imageatlassian-dark.png
classfade-in cleanheight
collapsiblecollapse on mobile
height30px
 
content-
Column
mobile-hidetrue
width9.999999%
id1290935638
Content Block
background-colortransparent
padding35px 25px 100px 25px
margin
background-repeatno-repeat
border-
700pxname
width0
background-image
LOGOS_
Cisco.png
id1992920435
background-positioncenter
id1290935639
class
white-curve-top-right1992948437
fade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
width30.0%
id
Content Column
mobile-hidetrue
width409.0%999999%
id19929204361290946817
Content Block
background-colortransparent
padding10px
margin0 0 50px 0
border-width0
background-repeatno-repeat
border-width0
background-imageLOGOS_Coca-Cola.png
background-positioncenter
id1290946825id1992920437
classfade-right in clean
collapsiblecollapse on mobile
height30px
 What Others Are Saying
blockborderradius5px
content-
Column
mobile-
hide
true
width9.999999%
id1290963930
Content Block
background-colortransparent
background-repeatno-repeat
padding30px 50px 0 50px
box-shadow0px 0px 45px #e7e7e7
margin0 0 50px 0
overflowvisible
border-width0
id515454208
height200px

HTML Wrap
margin-75px 0 10px 0

Rotate Content
render-without-blockstrue
source-pageTestimonials Content
controls-horizontal-positionright
controls-vertical-positionbottom
controls-horizontal-margin180px
controls-vertical-margin20px
animationslideLeft

Content Column
width30.0%
id515336164
Content Layer
background-color$lightColor
nameP9: Instagram Feed
id857988395
classgray-curve-top no-popup-images
background-imageLOGOS_Disney.png
background-positioncenter
id1290963939
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id1290975233
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_EA.png
background-positioncenter
id1290975234
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id1290986644
Content Column
width100%
id857988396
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Jaguar.png
background-positioncenter0px
id8579883971290986645
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id286507832
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Kroger.png
background-positioncenter
id286507833
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Column
mobile-hidetrue
width9.999999%
id286518368
Content Block
background-colortransparent
background-repeatno-repeat
border-width0
background-imageLOGOS_Uber.png
background-positioncenter
id286518379
classfade-in clean
collapsiblecollapse on mobile
height30px
 
Content Layer
padding35px 25px 100px 25px
background-repeatno-repeat
margin0
background-size700px
nameP8: Testimonials
background-image-themeDOCShome_jots2.png
background-positioncenter
id1992920435
classwhite-curve-top-right
Content Column
width30.0%
id1992948437
 
Content Column
width40.0%
id1992920436
Content Block
background-colortransparent
padding10px
margin0 0 50px 0
nameDesktop
border-width0
id1992920437
classfade-right clean
collapsiblecollapse on mobile

What Others Are Saying

Content Block
background-colortransparent
padding10px
margin0 0 50px 0
nameMobile
border-width0
id301227091
classfade-right clean
collapsiblecollapse on desktop

What Others Are Saying

Content Block
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 Block
border-radius5px
box-shadow0px 0px 45px #e7e7e7
padding30px 50px 0 50px
margin0 0 50px 0
overflowvisible
nameMobile
border-width0
id301335113
collapsiblecollapse on desktop
height410px

HTML Wrap
padding25px 10px
margin0 0 10px 0

Rotate Content
render-without-blockstrue
source-pageTestimonials Content
non-randomtrue
controls-horizontal-positionright
controls-vertical-positionbottom
controls-horizontal-margin125px
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>

The Latest from @teambrikit

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

 

Image Removed

 


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