Page Comparison

Elementor macro

rowWidth	80
title	yph4g
content	[{"id":"1du3ed","order":1657102581250,"background":{"source":"attachments","link":"https://caelor.atlassian.net/wiki/download/attachments/597753857/unnamed.png?version=1&modificationDate=1666254546168&cacheVersion=1&api=v2","id":"att658604251"},"backgroundOverlay":{"isActive":false,"color":"#000000","opacity":0.5},"rows":[{"id":"xka50e","order":1657102581250,"type":"two_left","columns":[{"id":"rj8cwa","order":1,"alignment":{"vertical":"center","horizontal":"center"},"macro":{"id":"titleandtext","sectionType":"all_elements","layout":{"overline":false,"title":true,"text":true},"alignment":"left","title":"<p><span style=\"color: rgb(255, 255, 255);\">Page Builder</span></p>","titleBold":false,"titleSize":80,"overline":"<p><span style='color: #0052cc'>OVERLINE</span></p>","overlineSize":25,"text":"<p><span style=\"color: rgb(255, 255, 255);\">Create better pages with UX-friendly templates, an easy-to-use drag & drop editor, and unlimited customization options. From knowledge base to engaging product pages and blogs</span></p>","textSize":25,"lineColor":"#0052CC","lineWidth":0,"lineWeight":2,"emoji":{},"viewMode":"view","paddingLeft":50,"paddingRight":50,"hasButton":true,"button":{"buttonType":"text_only","buttonIcon":"atlaskit/StarFilledIcon","buttonSize":"medium","buttonText":"Get Insipired","buttonRadius":4,"buttonWidth":0,"buttonColor":"#FF8B00","buttonFontColor":"#FFFFFF","buttonBorderColor":"transparent","buttonLink":"","buttonNewTab":"false","buttonHoverColor":"transparent","isButtonShadowOn":"true","buttonShadow":0,"buttonIconColor":"#FFFFFF"}},"macros":[{"id":"cwzxi","alignment":"flex-start","data":{"id":"titleandtextV2","alignment":"left","title":"<p style=\"text-align:left\"><b><span class=\"caelor-custom-span\" style=\"font-size: 72px; color: rgb(23, 23, 23);\">Designer</span></b><span class=\"caelor-custom-span\" style=\"font-size:72px\"></span></p>","titleColor":"#172b4d","titleBold":false,"titleSize":40,"overline":"<p><span class=\"caelor-custom-span\" style=\"color: #0052CC; font-size: 18px;\">OVERLINE</span></p>","overlineColor":"#0052CC","overlineSize":18,"text":"<p style=\"text-align:left\"><span style=\"background-color:rgba(0, 0, 0, 0);color:rgba(0, 0, 0, 0.99);font-size:24px\"><span class=\"caelor-custom-span\" style=\"color:rgb(44, 9, 109)\"></span></span><span class=\"caelor-custom-span\" style=\"font-size:30px\"><span class=\"caelor-custom-span\" style=\"font-size:30px\"><span style=\"background-color:rgba(0, 0, 0, 0);color:rgba(0, 0, 0, 0.99);font-size:30px\"><span class=\"caelor-custom-span\" style=\"color:rgb(44, 9, 109);font-size:30px\"></span></span></span></span></p><span class=\"caelor-custom-span\" style=\"color: rgb(23, 23, 23);\"><p style=\"text-align:left\"><span class=\"caelor-custom-span\" style=\"font-size: 30px; color: rgb(23, 23, 23);\"><span class=\"caelor-custom-span\" style=\"font-size: 30px; color: rgb(23, 23, 23);\"><span style=\"background-color: rgba(0, 0, 0, 0); color: rgb(23, 23, 23); font-size: 30px;\"><span class=\"caelor-custom-span\" style=\"color: rgb(23, 23, 23); font-size: 30px;\">Create stunning pages with designer-made templates,</span></span><span style=\"background-color: rgba(0, 0, 0, 0); color: rgb(23, 23, 23); font-size: 30px;\"><span class=\"caelor-custom-span\" style=\"color: rgb(23, 23, 23); font-size: 30px;\"> easy-to-use </span></span></span></span></p><p style=\"text-align:left\"><span class=\"caelor-custom-span\" style=\"font-size: 30px; color: rgb(23, 23, 23);\"><span class=\"caelor-custom-span\" style=\"font-size: 30px; color: rgb(23, 23, 23);\"><span style=\"background-color: rgba(0, 0, 0, 0); color: rgb(23, 23, 23); font-size: 30px;\"><span class=\"caelor-custom-span\" style=\"color: rgb(23, 23, 23); font-size: 30px;\">drag & drop editor, and unlimited </span></span><span style=\"background-color: rgba(0, 0, 0, 0); color: rgb(23, 23, 23); font-size: 30px;\"><span class=\"caelor-custom-span\" style=\"color: rgb(23, 23, 23); font-size: 30px;\">customization options. </span></span></span></span></p><p style=\"text-align:left\"><span class=\"caelor-custom-span\" style=\"font-size: 30px; color: rgb(23, 23, 23);\"><span class=\"caelor-custom-span\" style=\"font-size: 30px; color: rgb(23, 23, 23);\"><span style=\"background-color: rgba(0, 0, 0, 0); color: rgb(23, 23, 23); font-size: 30px;\"><span class=\"caelor-custom-span\" style=\"color: rgb(23, 23, 23); font-size: 30px;\">From dashboards to </span></span><span style=\"background-color: rgba(0, 0, 0, 0); color: rgb(23, 23, 23); font-size: 30px;\">engaging product pages and blogs.</span></span></span></p></span><p style=\"text-align:left\"><span class=\"caelor-custom-span\" style=\"font-size:30px\"><span class=\"caelor-custom-span\" style=\"font-size:30px\"><span style=\"background-color:rgba(0, 0, 0, 0);color:rgb(44, 9, 109);font-size:30px\"></span></span></span><span style=\"background-color:rgba(0, 0, 0, 0);color:rgb(44, 9, 109);font-size:24px\"></span></p>","textColor":"#172b4d","textSize":18,"lineColor":"#0052CC","lineWidth":15,"lineWeight":2,"iconSize":40,"iconColor":"#0052CC","titleIcon":"bootstrap/CloudsFill","emojiEnabled":"false","viewMode":"view","emoji":{"id":"smile","name":"Smiling Face with Open Mouth and Smiling Eyes","short_names":["smile"],"colons":":smile:","emoticons":["C:","c:",":D",":-D"],"unified":"1f604","skin":null,"native":"😄"},"layout":{"overline":false,"title":true,"text":true,"icon":false,"line":false},"hasButton":false,"button":{"buttonType":"text_only","buttonIcon":"bootstrap/CloudsFill","buttonSize":"small","buttonText":"Type label here","buttonRadius":4,"buttonWidth":0,"buttonColor":"#0052CC","buttonFontColor":"#FFFFFF","buttonBorderColor":"#0052CC","buttonLink":"","buttonNewTab":"false","buttonHoverColor":"#0052CC","isButtonShadowOn":"true","buttonShadow":0,"buttonIconColor":"#FFFFFF"},"paddingLeft":55}}]},{"id":"jgthie","order":4,"verticalAlign":"center","macros":[{"id":"gkhdaw","alignment":"flex-end","data":{"id":"image","value":{"source":"attachments","link":"https://caelor.atlassian.net/wiki/download/attachments/597753857/unnamed__3_-removebg-preview.png?version=1&modificationDate=1666254739031&cacheVersion=1&api=v2","id":"att659292161"},"overlay":{"isActive":false,"color":"#000000","opacity":0.5},"cover":false,"width":88,"type":"normal","description":"","radius":0,"opacity":100,"shadow":25,"blur":0,"brightness":100,"grayscale":0,"contrast":100,"saturation":100}}]}]}],"rowWidth":100,"space":10}]

Section macro

textSize	18
emoji	{"id":"microphone","name":"Microphone","short_names":["microphone"],"colons":":microphone:","emoticons":[],"unified":"1f3a4","skin":null,"native":"🎤"}
lineColor	#0052CC
titleSize	40
title	<p><strong>Introduction</strong></p>
textColor	#172b4d
lineWidth	0
layout	{"overline":false,"title":true,"text":false,"line":false,"icon":true}
overlineSize	18
titleColor	#171717ff
lineWeight	3
titleBold	false
iconColor	#8650f9ff
iconSize	40
text	<p>Enter text here...</p>
alignment	left
sectionType	no_text
emojiEnabled	false
titleIcon	font-awesome/PaintRoller
overline	<span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><p><span style="color: rgb(0, 37, 204);">OVERLINE</span></p></span></span></span></span></span></span>
overlineColor	#0052CC

Confluence pages lookin' extra fly in no time? Challenge accepted!

It's never been easier to format your Confluence content properly! Meet Designer, the Optics Page Builder version 2.0., more powerful, easy to use and templates-rich than before. Hard to believe? Yeah, we know. But don’t believe everything you read. Test it out today and witness it for yourself.

Designer in a nutshell

Designer can be best described as Caelor's magical land! Even though it is essentially an Optics macro, Designer allows Caelor customers to enjoy the best of both app worlds. Unique and powerful Designer macro bridges the gap between content formatting and content visualization by providing a large selection of Optics and Pulse macros in one place, all thanks to its direct integration with the Pulse app*.

*To unlock the features, paid Pulse license is required.

Section macro

textSize	18
emoji	{"id":"white_check_mark","name":"White Heavy Check Mark","short_names":["white_check_mark"],"colons":":white_check_mark:","emoticons":[],"unified":"2705","skin":null,"native":"✅"}
lineColor	#0052CC
titleSize	40
title	<p><strong>Supported macros</strong></p>
textColor	#172b4d
lineWidth	0
layout	{"overline":false,"title":true,"text":false,"line":false,"icon":true}
overlineSize	18
titleColor	#171717ff
lineWeight	0
titleBold	false
iconColor	#8650f9ff
iconSize	40
text	<p>Enter text here...</p>
alignment	left
sectionType	no_text
emojiEnabled	false
titleIcon	material-design/Palette
overline	<span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><p><span style="color: rgb(0, 37, 204);">OVERLINE</span></p></span></span></span></span></span></span></span>
overlineColor	#0052CC

Cp content card macro

data	{"type":"page","variant":"card","columns":3,"contributors":[],"labels":[],"spaces":[],"parentPage":"597753857","pagination":"infinite","sorting":"created","ordering":"ascending","limit":8,"enrichment":"dynamic","manuallyPicked":[],"_migrations":["migrateContentCards"]}

Caelor image slider

data

{"images":[{"source":"attachments","link":"https://caelor-apps.atlassian.net/wiki/download/attachments/597753857/zadnji25886724/Bildschirmfoto%202024-02-15%20um%2013.07.24.png?version=1&modificationDate=16668723974601707998937715&cacheVersion=1&api=v2","id":"att662372492att26443780"}],"title":"Type here...","height":49,"hasTitle":false,"viewType":"autocrop","autoplay":false,"bullets":false,"thumbnails":false,"arrows":false,"roundedCorners":false,"advancedOptions":{"borderRadius":0,"titleAlignment":"left","titleSize":20,"textAlignment":"left","textSize":16},"slideIndex":0,"isLinkDialogOpen":false}

Section macro

textSize	18
emoji	{"id":"bulb","name":"Electric Light Bulb","short_names":["bulb"],"colons":":bulb:","emoticons":[],"unified":"1f4a1","skin":null,"native":"💡"}
lineColor	#0052CC
titleSize	40
title	<p><strong>Get inspired</strong></p>
textColor	#172b4d
lineWidth	0
layout	{"overline":false,"title":true,"text":false,"line":false,"icon":true}
overlineSize	18
titleColor	#171717ff
lineWeight	3
titleBold	false
iconColor	#8650f9ff
iconSize	40
text	<p>Enter text here...</p>
alignment	left
sectionType	no_text
emojiEnabled	false
titleIcon	font-awesome/Lightbulb
overline	<span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><p><span style="color: rgb(0, 37, 204);">OVERLINE</span></p></span></span></span></span></span></span></span></span></span></span></span>
overlineColor	#0052CC

Caelor cards macro v2

title

dm6kz

content

{"cards":[{"id":"vi1osf","title":"Atlassian Design Guidelines","text":"Type text here","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"bootstrap/CloudsFill","themeColor":"#6083ff","image":{"imageUrl":"https://caelor.atlassian.net/wiki/download/attachments/597753857/2.png?version=1&modificationDate=1666868785328&cacheVersion=1&api=v2","source":"attachments","link":"https://caelor.atlassian.net/wiki/download/attachments/597753857/2.png?version=1&modificationDate=1666868785328&cacheVersion=1&api=v2","id":"att662536301"},"newTab":"true","link":{"link":"https://caelor.atlassian.net/wiki/spaces/MAC/pages/610926625/Atlassian+Design+Guidelines","source":"direct"},"overlay":{"isActive":true,"color":"#000","opacity":0.3},"borderRadius":12,"color":"#6083ff","gap":25},{"id":"61mp7g","title":"Atlassian Partners Overview","text":"Type text here","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"bootstrap/CloudsFill","themeColor":"#ae84ff","image":{"imageUrl":"https://caelor.atlassian.net/wiki/download/attachments/597753857/3.png?version=1&modificationDate=1666868785368&cacheVersion=1&api=v2","source":"attachments","link":"https://caelor.atlassian.net/wiki/download/attachments/597753857/3.png?version=1&modificationDate=1666868785368&cacheVersion=1&api=v2","id":"att662732865"},"newTab":"true","link":{"link":"https://caelor.atlassian.net/wiki/spaces/MAC/pages/601653657/Atlassian+Partners+Overview","source":"direct"},"overlay":{"isActive":true,"color":"#000","opacity":0.3},"borderRadius":12,"color":"#ae84ff","gap":25},{"id":"y7z6mp","title":"Product Page","text":"Type text here","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"bootstrap/CloudsFill","themeColor":"#e677fb","image":{"imageUrl":"https://caelor.atlassian.net/wiki/download/attachments/597753857/6.png?version=1&modificationDate=1666868785504&cacheVersion=1&api=v2","source":"attachments","link":"https://caelor.atlassian.net/wiki/download/attachments/597753857/6.png?version=1&modificationDate=1666868785504&cacheVersion=1&api=v2","id":"att662437935"},"newTab":"true","link":{"link":"https://caelor.atlassian.net/wiki/spaces/MAC/pages/608698369/Landing+1","source":"direct"},"overlay":{"isActive":true,"color":"#000","opacity":0},"borderRadius":12,"color":"#e677fb","gap":25},{"id":"75rr4","title":"Landing Page","text":"Type text here","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"bootstrap/CloudsFill","themeColor":"#e677fb","image":{"imageUrl":"https://caelor.atlassian.net/wiki/download/attachments/597753857/7.png?version=1&modificationDate=1666872777144&cacheVersion=1&api=v2","source":"attachments","link":"https://caelor.atlassian.net/wiki/download/attachments/597753857/7.png?version=1&modificationDate=1666872777144&cacheVersion=1&api=v2","id":"att662372497"},"newTab":"true","link":{"link":"https://caelor.atlassian.net/wiki/spaces/MAC/pages/661028911/Landing+Page+2","source":"direct"},"overlay":{"isActive":true,"color":"#000","opacity":0},"borderRadius":12,"color":"#e677fb","gap":25}],"config":{"type":"image","columns":1,"layout":[],"design":"san_francisco","textAlign":"left","height":180,"borderRadius":9,"gap":25}}

Versions Compared

Old Version 1

New Version Current

Key