Content Layer |
---|
background-color | $darkColor |
---|
padding | 40px 0 | margin | 0px 0 0 60px 0 |
---|
container-background-color | $darkColor |
---|
id | 412943283 |
---|
| Content Column |
---|
width | 100.00002% |
---|
id | 412943285 |
---|
|
Content Block |
---|
meta-properties | true |
---|
name | Meta Properties |
---|
id | 120108682 |
---|
collapsible | collapse |
---|
|
Brikit Methodology For Creating Virtual Workspaces
Based on more than a decade working with fast | growing and Fortune 500 companies, here are proven phases and activities essential for success.Image Removed
Content Block |
---|
border-radius | 0px |
---|
padding | 0 0 12px 0 |
background- | margin | 0 0 10px 0 | 32px | Key | border-width | 0px |
---|
background-position | 85% 50% |
---|
id | 868227794 |
---|
class | clean hero-script |
---|
height | 20px |
---|
Action Button |
---|
margin | 0 |
---|
link | company:Software Services Design for Collaboration Hubs |
---|
text | ← Back to Brikit |
---|
align | top left |
---|
class | ghost small |
---|
|
HTML Wrap |
---|
padding | 12px 0 0 0 |
---|
width | 120px |
---|
align | top right |
---|
height | 0 |
---|
| Image Removed = Learn More |
|
P1: Hero Desktop | id | 299736009 |
---|
background-image | Methodology-P1-BG-B |
---|
| Content Block |
---|
background-color | $whiteColor |
---|
border-radius | 0px |
---|
margin | 10px 0 0 0 |
---|
background-size | cover |
---|
name | Title |
---|
border-width | 0px |
---|
background-image | title.png | background-position | center |
---|
| Content Column |
---|
| centerid | 412943284 |
---|
class | clean scale-height-for-mobile toggle-arrow more-arrow stay-open |
---|
height | 230px |
---|
Block Link |
---|
selector | .title .block-toggle |
---|
|
| Content Block |
---|
background-color | $primaryColor |
---|
border-radius | 0px |
---|
padding | 40px 10% |
---|
margin | 0 |
---|
transparent | name | Desktop | name | Title More |
---|
border-color | transparent | border-width | 0px |
---|
id | 414668851299736020 |
---|
class | title clean herojuicy-scripttext |
---|
collapsible | collapse |
---|
| Based | more than a decade working with fast-growing and Fortune 500 companies, here are the proven phases and activities that are essential for success. Content Block |
---|
margin | 0 |
---|
background-size | cover |
---|
border-color | transparent |
---|
background-position | center center |
---|
border-radius | 0px |
---|
background-repeat | no-repeat |
---|
name | Design |
---|
border-width | 0px |
---|
background-image | design.png |
---|
id | 415113014 |
---|
class | clean design-control scale-height-for- mobile toggle-arrow more-arrow stay-open |
---|
height | 559px |
---|
| Block Link |
---|
selector | .design .block-toggle |
---|
|
| | Methodology | Content Block |
---|
background-color | $primaryColor |
---|
border-radius | 0px |
---|
padding | 10px 3.5% 20px 3.5% |
---|
transparent | margin | 30px 0 0 | margin | 0 |
---|
name | Design MoreMobile |
---|
border-width | 0px |
---|
id | 415908902460658534 |
---|
class | design clean hero-script link-list-whitejuicy-text-mobile-small |
---|
collapsible | collapse on desktop |
---|
| | margin | 40px 0 40px 0 |
---|
class | treat-as-block-for-mobile |
---|
| Before you can get there, you need to know where you're going. | HTML Wrap |
---|
margin | 0px 60px 10px 100px |
---|
width | 380px |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| |
HTML Wrap |
---|
margin | 0px 10px 10px 100px |
---|
width | 400px |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| VISUAL DESIGN |
HTML Wrap |
---|
margin | 0 10px 10px 100px |
---|
clear | both |
---|
width | 1000px |
---|
class | treat-as-block-for-mobile |
---|
| HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | read.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| READ |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 30px |
---|
width | 150px |
---|
background-image | watch.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| WATCH |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | tools.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | training.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| TRAINING |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | services.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| SERVICES |
|
HTML Wrap |
---|
margin | 40px 0 0 0 |
---|
class | treat-as-block-for-mobile |
---|
| Your wireframes and theme designs are ready for the builders to get to work. |
|
|
Content Layer |
---|
background-color | $lightColor |
---|
padding | 20px 0 90px 0 |
---|
margin | 80px 0 0 0 |
---|
name | P2: How We Do It |
---|
id | 299854116 |
---|
class | gray-curve-top |
---|
|
Content Column |
---|
| Content Block |
---|
border-width | 0 |
---|
id | 299854137 |
---|
class | juicy-text clean |
---|
| HTML Wrap |
---|
padding | 0px |
---|
margin | 0px 0px -20px 0px |
---|
| HOW WE DO IT |
Creating smart Digital Workplaces that help your teams go faster, work better, and move together. |
|
|
Content Layer |
---|
background-repeat | no-repeat |
---|
background-size | 1220px |
---|
name | P3: Methodology Steps |
---|
id | 300525534 |
---|
background-position | center top 50px |
---|
class | white-dip-top |
---|
|
Content Column |
---|
| Content Block |
---|
background-repeat | no-repeat |
---|
background-size | 1250px |
---|
name | Desktop |
---|
id | 300525545 |
---|
background-image | Methodology-Steps-Final.jpg |
---|
background-position | center |
---|
class | clean |
---|
collapsible | collapse on mobile |
---|
height | 1300px |
---|
| |
Content Block |
---|
background-repeat | no-repeat |
---|
|
Content Block |
---|
border-radius | 0px |
---|
background-repeat | no-repeat |
---|
margin | 0 |
---|
background-size | cover |
---|
name | Build |
---|
border-width | 0px |
---|
background-image | build.png |
---|
background-position | center center |
---|
id | 415118980 |
---|
class | clean scale-height-for-mobile toggle-arrow more-arrow stay-open |
---|
height | 605px |
---|
| Block Link |
---|
selector | .build .block-toggle |
---|
|
|
Content Block |
---|
background-color | $mediumColor |
---|
border-radius | 0px |
---|
padding | 10px 2% 20px 2% |
---|
margin | 0 |
---|
name | Build More |
---|
border-width | 0px |
---|
id | 869262950 |
---|
class | build clean hero-script link-list-white |
---|
collapsible | collapse |
---|
| HTML Wrap |
---|
margin | 40px 0 20px 0 |
---|
class | treat-as-block-for-mobile |
---|
| |
HTML Wrap |
---|
margin | 10px 20px 10px 80px |
---|
width | 290px |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| CONTENT STRATEGYBlueprints, workflows, and archiving for speed, consistency, and quality control. |
HTML Wrap |
---|
margin | 10px 20px |
---|
width | 290px |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| BUILDOUTCreate landing pages and spaces, configure taxonomies, wire menus, set up permissions |
HTML Wrap |
---|
margin | 10px 80px 10px 20px |
---|
width | 290px |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| USER GUIDEIllustrate use of your information and visual designs, blueprints, and content lifecycle. |
HTML Wrap |
---|
margin | 0 10px 10px 100px |
---|
clear | both |
---|
width | 1000px |
---|
class | treat-as-block-for-mobile |
---|
| HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | read.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| READ |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 30px |
---|
width | 150px |
---|
background-image | watch.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| WATCH |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | tools.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | training.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| TRAINING |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | services.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| SERVICES |
|
HTML Wrap |
---|
margin | 40px 0 0 0 |
---|
class | treat-as-block-for-mobile |
---|
| All set for department heads, project leads, and communications directors to make the site feel lived-in. |
|
Content Block |
---|
border-radius | 0px |
---|
background-repeat | no-repeat |
---|
margin | 0 |
---|
background-size | cover |
---|
name | Launch |
---|
border-width | 0px |
---|
background-image | launch.png |
---|
background-position | center center |
---|
id | 909812926 |
---|
class | clean scale-height-for-mobile toggle-arrow more-arrow stay-open |
---|
height | 606px |
---|
| Block Link |
---|
selector | .launch .block-toggle |
---|
|
HTML Wrap |
---|
margin | 0 14px 14px 0 |
---|
align | bottom right |
---|
| Image Removed |
|
Content Block |
---|
background-color | $tertiaryColor |
---|
border-radius | 0px |
---|
padding | 10px 2% 20px 2% |
---|
margin | 0 |
---|
name | Launch More |
---|
border-width | 0px |
---|
id | 909730456 |
---|
class | launch clean hero-script link-list-white |
---|
collapsible | collapse |
---|
| HTML Wrap |
---|
margin | 40px 0 20px 0 |
---|
class | treat-as-block-for-mobile |
---|
| |
HTML Wrap |
---|
margin | 10px 20px 10px 80px |
---|
width | 290px |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| MOVE-INMigrate meaningful content from existing systems to provide continuity. |
HTML Wrap |
---|
margin | 10px 20px |
---|
width | 290px |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| CONTENT CREATIONFresh material to engage visitors and illustrate how to contribute. |
HTML Wrap |
---|
margin | 10px 80px 10px 20px |
---|
width | 290px |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| LAUNCH PLANManage change with awareness campaigns, training, and scripted on-boarding. HTML Wrap |
---|
margin | 0 10px 10px 100px |
---|
clear | both |
---|
width | 1000px |
---|
class | treat-as-block-for-mobile |
---|
| HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | read.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| READ |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 30px |
---|
width | 150px |
---|
background-image | watch.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| WATCH |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | tools.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | training.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| TRAINING |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | services.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| SERVICES |
|
HTML Wrap |
---|
margin | 40px 0 0 0 |
---|
class | treat-as-block-for-mobile |
---|
| Your site is ready to engage your whole community. |
Content Block |
---|
border-radius | 0px |
---|
background-repeat | no-repeat |
---|
margin | 0 |
---|
background-size | cover |
---|
name | OperateMobile |
---|
border-widthid | 0px306105701 |
---|
background-image | operate.pngMethodology-Steps-Final.jpg |
---|
background-position | center center | id | 909852546 |
---|
class | clean scale-height-for-mobile toggle-arrow more-arrow stay-open |
---|
height | 608px |
---|
| Block Link |
---|
selector | .operate .block-toggle |
---|
|
HTML Wrap |
---|
margin | 0 14px 14px 0 |
---|
align | bottom right |
---|
| Image Removed |
| Content Block |
---|
background-color | #565794 |
---|
border-radius | 0px |
---|
padding | 10px 2% 20px 2% |
---|
margin | 0 |
---|
name | Operate More |
---|
border-width | 0px |
---|
id | 909768058 |
---|
class | operate clean hero-script link-list-white |
---|
collapsible | collapse on desktop |
---|
| html-wrap | margin | 40px 0 20px 0 |
---|
class | treat-as-block-for-mobile |
---|
| Governance plus care and feeding for happiness in the long run. | HTML Wrap |
---|
margin | 10px 20px 10px 80px |
---|
width | 290px |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| COLLABORATIONCentralize and share knowledge to align employees and increase productivity. |
HTML Wrap |
---|
margin | 10px 20px |
---|
width | 290px |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| HOUSEKEEPINGEnsure content stays organized and keep things fresh with archiving. |
HTML Wrap |
---|
margin | 10px 80px 10px 20px |
---|
width | 290px |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| CHECKUPS |
HTML Wrap |
---|
margin | 0 10px 10px 100px |
---|
clear | both |
---|
width | 1000px |
---|
class | treat-as-block-for-mobile |
---|
| HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | read.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| READ |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 30px |
---|
width | 150px |
---|
background-image | watch.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| WATCH |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | tools.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | training.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| TRAINING |
HTML Wrap |
---|
background-repeat | no-repeat |
---|
margin | 32px 40px 0 0 |
---|
background-size | 40px |
---|
width | 150px |
---|
background-image | services.png |
---|
background-position | top left |
---|
align | left |
---|
class | treat-as-block-for-mobile |
---|
| SERVICES |
|
HTML Wrap |
---|
margin | 40px 0 0 0 |
---|
class | treat-as-block-for-mobile |
---|
| Plan for a refresh in two years. Tools, design standards, and information needs will be unimaginably different. |
Content Block |
---|
border-radius | 0px |
---|
background-repeat | no-repeat |
---|
margin | 0 |
---|
background-size | cover |
---|
name | Methodology Footer |
---|
border-width | 0px |
---|
background-image | footer.png |
---|
background-position | center center |
---|
id | 910248522 |
---|
class | clean scale-height-for-mobile |
---|
height | 224px |
---|
| |
|
|
Content Layer |
---|
background-color | $lightColor |
---|
margin | 50px 0 0 0 |
---|
name | P4: Link to Services |
---|
id | 301727996 |
---|
class | gray-curve-top-right |
---|
|
Content Layer |
---|
background-color | $darkColor |
---|
id | 173852612 |
---|
|
Content Column |
---|
width | 100% |
---|
id | 173852613301727997 |
---|
| Content Block | name |
---|
Powered By... | id | 173852614301728007 |
---|
class | clean hero-script small-text |
---|
| Explore our service offerings Action Button |
---|
margin | 20px 0 0 0 |
---|
link | Resourcesservices:Services |
---|
text | ResourcesLearn More |
---|
class | ghost |
---|
|
Action Button |
---|
margin | 20px 0 0 0 |
---|
link | company:Contact |
---|
text | Contact Sales |
---|
class | ghost |
---|
| |
|
|