Difference between revisions of "OCTOPUS Colori Plans"

Revision as of 15:31, 22 September 2026

.product-plan-features ul {

 list-style: none;
 margin-left: 0;
 padding-left: 0;

} .product-plan-features li {

 display: flex;
 align-items: center;
 gap: 8px;
 margin-bottom: 6px;

} .product-plan-features .feature-icon {

 font-family: 'Material Symbols Rounded';
 font-size: 20px;
 line-height: 1;
 width: 20px;
 flex-shrink: 0;
 font-feature-settings: 'liga';
 -webkit-font-feature-settings: 'liga';
 -webkit-font-smoothing: antialiased;

} .product-plan-features img.feature-icon {

 height: 20px;
 width: 20px;
 object-fit: contain;

} </style>

FREE
0 /month

Try out Colori

Get Started

palette Core image & video engine
bolt 8 credits per month

PRO
- /month

More access, production codecs

Get Started

palette Core image & video engine
bolt_boost 150 credits per month
hevc 10/12-bit H.265 export
<img class="feature-icon" src="/wiki/index.php/Special:FilePath/Apple-prores-logo.png" alt="Apple ProRes"> Authorised Apple ProRes export

Cancel anytime. Prices and plans are subject to change.

@@ Line 1: / Line 1: @@
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0');
+.product-plan-features ul {
+  list-style: none;
+  margin-left: 0;
+  padding-left: 0;
+}
+.product-plan-features li {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 6px;
+}
+.product-plan-features .feature-icon {
+  font-family: 'Material Symbols Rounded';
+  font-size: 20px;
+  line-height: 1;
+  width: 20px;
+  flex-shrink: 0;
+  font-feature-settings: 'liga';
+  -webkit-font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+}
+.product-plan-features img.feature-icon {
+  height: 20px;
+  width: 20px;
+  object-fit: contain;
+}
+</style>
 {{DISPLAYTITLE:<span class="product-brand">Get the most out of </span>Colori}}
 <div class="product-plans">
@@ Line 7: / Line 37: @@
 <span style='opacity: 0.7;'>Try out Colori</span>
 <div style='text-align: center; margin-bottom: 10px;'>[[OCTOPUS_Colori#get-colori|Get Started((.product-btn .product-plan-btn))]]</div>
-* Core image & video engine
+* <span class="feature-icon">palette</span> Core image & video engine
-* 8 credits per month
+* <span class="feature-icon">bolt</span> 8 credits per month
 </div>
 </div>
@@ Line 17: / Line 47: @@
 <span style='opacity: 0.7;'>More access, production codecs</span>
 <div style='text-align: center; margin-bottom: 10px;'>[[OCTOPUS_Colori#get-colori|Get Started((.product-btn .product-plan-btn))]]</div>
-* Core image & video engine
+* <span class="feature-icon">palette</span> Core image & video engine
-* 150 credits per month
+* <span class="feature-icon">bolt_boost</span> 150 credits per month
-* 10/12-bit H.265 export
+* <span class="feature-icon">hevc</span> 10/12-bit H.265 export
-* Authorised Apple ProRes export
+* <img class="feature-icon" src="/wiki/index.php/Special:FilePath/Apple-prores-logo.png" alt="Apple ProRes"> Authorised Apple ProRes export
 </div>
 </div>