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: @@
-{{DISPLAYTITLE:<span class="product-brand">Colori </span> Plans}}
+<html><style>
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20,300,1,0');
+.product-plan-features ul {
+  margin-left: 6px;
+}
+.product-plan-features li {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.product-plan-features .feature-icon {
+  font-family: 'Material Symbols Rounded';
+  font-size: 20px;
+  line-height: 1;
+  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: 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></html>
+{{DISPLAYTITLE:<span class="product-brand">Get the most out of </span>Colori}}
 <div class="product-plans">
 <div class="product-plan">
 <span class="product-plan-title">FREE</span></br>
-<span class="product-plan-price" id="colori-free-price">£0 </span><span class="product-plan-currency" id="colori-free-currency">GBP/month</span>
+<span class="product-plan-price" id="colori-free-price"> 0 </span><span class="product-plan-currency" id="colori-free-currency">/month</span>
 <div class="product-plan-features">
 <span style='opacity: 0.7;'>Try out Colori</span>
-<div style='text-align: center; margin-bottom: 10px;'>[[OCTOPUS_Colori|Get Started((.product-btn))]]</div>
+<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>
 <div class="product-plan product-plan-pro">
 <span class="product-plan-title">PRO</span></br>
-<span class="product-plan-price" id="colori-pro-price">£15 </span><span class="product-plan-currency" id="colori-pro-currency">GBP/month</span>
+<span class="product-plan-price" id="colori-pro-price"> - </span><span class="product-plan-currency" id="colori-pro-currency">/month</span>
 <div class="product-plan-features">
 <span style='opacity: 0.7;'>More access, production codecs</span>
-<div style='text-align: center; margin-bottom: 10px;'>[[OCTOPUS_Colori|Get Started((.product-btn))]]</div>
+<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 feature-icon-lg">hevc</span> 10/12-bit H.265 export
-* 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>