Difference between revisions of "OCTOPUS Colori Plans"

Latest revision as of 16:38, 22 September 2026

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
Authorised Apple ProRes export

Cancel anytime. Prices and plans are subject to change.

@@ Line 1: / Line 1: @@
-<html>
+<html><style>
-<style>
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20,300,1,0');
-@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: 6px;
-   margin-left: 0;
-  padding-left: 0;
 }
 .product-plan-features li {
@@ Line 12: / Line 8: @@
    align-items: center;
    gap: 8px;
-  margin-bottom: 6px;
 }
 .product-plan-features .feature-icon {
@@ Line 18: / Line 13: @@
    font-size: 20px;
    line-height: 1;
-   width: 20px;
+   width: 32px;
+  text-align: right;
    flex-shrink: 0;
    font-feature-settings: 'liga';
+  font-variation-settings: 'FILL' 1;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
+}
+.product-plan-features .feature-icon-lg {
+  font-size: 40px;
+  margin-left: -5px;
+  margin-right: 5px;
 }
 .product-plan-features img.feature-icon {
    height: 20px;
-   width: 20px;
+   width: 44px;
    object-fit: contain;
+  object-position: right center;
+  margin-left: -13px;
+  margin-right: 3px;
+}
+.logo-dark { display: none; }
+@media (prefers-color-scheme: dark) {
+  .logo-light { display: none; }
+  .logo-dark { display: block; }
 }
-</style>
+</style></html>
-</html>
 {{DISPLAYTITLE:<span class="product-brand">Get the most out of </span>Colori}}
 <div class="product-plans">
@@ Line 51: / Line 61: @@
 * <span class="feature-icon">palette</span> Core image & video engine
 * <span class="feature-icon">bolt_boost</span> 150 credits per month
-* <span class="feature-icon">hevc</span> 10/12-bit H.265 export
+* <span class="feature-icon feature-icon-lg">hevc</span> 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
+* <html><img class="feature-icon logo-light" src="/wiki/index.php/Special:FilePath/Apple-prores-logo.png" alt="Apple ProRes"><img class="feature-icon logo-dark" src="/wiki/index.php/Special:FilePath/Apple-prores-logo-black.png" alt="Apple ProRes"></html> <span style='font-size: 95%'>Authorised Apple ProRes export</span>
 </div>
 </div>