Skip to content

Align colors with Console color tokens #16557

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 3 commits into
base: master
Choose a base branch
from
Draft

Align colors with Console color tokens #16557

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
8c9594c
Align colors with Console color tokens
kimberleyamackenzie Nov 12, 2025
8f0322b
Revert "Align colors with Console color tokens"
kimberleyamackenzie Nov 13, 2025
631c9a1
Fix formatting; update brand colors
kimberleyamackenzie Nov 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion layouts/case-studies/list.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ <h3 id="customer-stories">Customer Stories</h4>
</p>
</div>
</div>
<div class="w-full md:w-1/2 bg-violet-600 p-8 flex rounded-tr-xl rounded-br-xl">
<div class="w-full md:w-1/2 bg-violet-700 p-8 flex rounded-tr-xl rounded-br-xl">
<div class="my-auto w-full">
{{ if .Params.featured_customer.headline_stat }}
<div class="text-6xl text-white font-extrabold my-auto pb-4">{{ .Params.featured_customer.headline_stat }}</div>
Expand Down
2 changes: 1 addition & 1 deletion layouts/case-studies/single.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
{{ end }}
</div>
</div>
<div class="w-full md:w-1/2 bg-violet-600 p-8 flex rounded-tr-xl rounded-br-xl">
<div class="w-full md:w-1/2 bg-violet-700 p-8 flex rounded-tr-xl rounded-br-xl">
<div class="my-auto w-full">
{{ if .Params.quote_block.headline_stat }}
<div class="text-6xl text-white font-extrabold my-auto pb-4">{{ .Params.quote_block.headline_stat }}</div>
Expand Down
8 changes: 4 additions & 4 deletions layouts/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -236,7 +236,7 @@ <h3>{{ .Params.idp.title }}</h3>
<!-- Built by engineers + tweets -->
<section class="mt-16 mb-36 relative flex flex-col">
<div class="container mx-auto px-3 overflow-hidden lg:overflow-visible">
<div class="w-full bg-violet-600 rounded-xl shadow p-16 lg:pb-56 align-top">
<div class="w-full bg-violet-700 rounded-xl shadow p-16 lg:pb-56 align-top">
<h2 class="text-white text-center">Open source. Built by engineers for engineers.</h2>
<div class="flex flex-col lg:flex-row items-center justify-center mb-4">
<a class="text-white text-lg bold underline flex self-start lg:self-auto mt-4 lg:mt-0 mx-auto lg:mx-0 lg:pr-1"
Expand Down Expand Up @@ -347,7 +347,7 @@ <h2 class="mb-12 text-center">Ready to try Pulumi?</h2>
<div class="neo-icon-container">
<img src="/icons/pdi-neo-purple.svg" alt="Pulumi Neo">
</div>
<div class="neo-text-container text-violet-600">
<div class="neo-text-container text-violet-700">
<div class="text-medium font-semibold">Neo mode</div>
</div>
</div>
Expand Down Expand Up @@ -393,8 +393,8 @@ <h2 class="text-3xl md:text-4xl lg:text-6xl font-semibold">What cloud infrastruc
</div>
<div class="neo-footer">
<p class="text-base">
New to Pulumi Neo? <a href="/neo" class="no-underline font-bold text-violet-600">Learn more about
Neo</a> or <a href="/docs/pulumi-cloud/neo/" class="no-underline font-bold text-violet-600">read
New to Pulumi Neo? <a href="/neo" class="no-underline font-bold text-violet-700">Learn more about
Neo</a> or <a href="/docs/pulumi-cloud/neo/" class="no-underline font-bold text-violet-700">read
the docs</a>.
</p>
</div>
Expand Down
16 changes: 8 additions & 8 deletions layouts/page/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ <h4 class="font-display font-medium">{{ $value.title }}</h4>
</div>
</div>
<div class="careers-cta py-6 w-full mt-28 bg-white">
<h4>Like what we stand for? <a href="{{ relref . "/careers" }}" class="font-bold text-blue-600">Join us.</a></h4>
<h4>Like what we stand for? <a href="{{ relref . "/careers" }}" class="font-bold text-blue-700">Join us.</a></h4>
<p>We are looking for new teammates who want to build the future of cloud infrastructure together.</p>
</div>
</section>
Expand Down Expand Up @@ -143,24 +143,24 @@ <h3 class="font-medium text-6xl mb-8">Our journey</h3>
<div class="event text-lg text-gray-700">Pulumi Service launch</div>
<div class="event text-lg text-gray-700 mb-4">$15M Series A fundraise</div>
</div>
<div class="text-fuchsia-600 mx-auto my-3 text-center">
<div class="text-fuchsia-700 mx-auto my-3 text-center">
<div class="year text-8xl mb-3 font-display font-bold">2019</div>
<div class="month text-3xl font-display font-bold">Sep</div>
<div class="event text-lg text-gray-700">Pulumi 1.0 launch</div>
</div>
<div class="text-violet-600 mx-auto my-3 text-center">
<div class="text-violet-700 mx-auto my-3 text-center">
<div class="year text-8xl mb-3 font-display font-bold">2020</div>
<div class="month text-3xl font-display font-bold">Apr</div>
<div class="event text-lg text-gray-700 mb-4">Pulumi 2.0 launch</div>
<div class="month text-3xl font-display font-bold">Oct</div>
<div class="event text-lg text-gray-700 mb-4">$37.5M Series B fundraise</div>
</div>
<div class="text-purple-600 mx-auto my-3 text-center">
<div class="text-purple-700 mx-auto my-3 text-center">
<div class="year text-8xl mb-3 font-display font-bold">2021</div>
<div class="month text-3xl font-display font-bold">Apr</div>
<div class="event text-lg text-gray-700 mb-4">Pulumi 3.0 launch</div>
</div>
<div class="text-blue-600 mx-auto my-3 text-center">
<div class="text-blue-700 mx-auto my-3 text-center">
<div class="year text-8xl mb-3 font-display font-bold">2022</div>
<div class="month text-3xl font-display font-bold">May</div>
<div class="event text-lg text-gray-700 mb-4">Universal IaC Launch</div>
Expand Down Expand Up @@ -204,7 +204,7 @@ <h2 class="font-medium text-6xl mt-10 mb-8">Our awards &amp; recognition</h2>
{{ end }}
</ul>
<div>
<a class="inline-block mt-6 text-bold text-blue-600 mt-12 font-bold" href="{{ relref . "/awards" }}">View all achievements</a>
<a class="inline-block mt-6 text-bold text-blue-700 mt-12 font-bold" href="{{ relref . "/awards" }}">View all achievements</a>
</div>
</div>
</section>
Expand All @@ -226,7 +226,7 @@ <h5 class="mt-2 mb-0">{{ .title }}</h5>
</li>
{{ end }}
</ul>
<a class="text-blue-600 font-bold" href="{{ relref . "newsroom" }}">View all press releases</a>
<a class="text-blue-700 font-bold" href="{{ relref . "newsroom" }}">View all press releases</a>
</div>
<div class="md:w/1-2 md:px-8">
<h3 class="text-center md:text-left font-medium text-6xl">Recent News</h3>
Expand All @@ -240,7 +240,7 @@ <h5 class="mt-2 mb-0">{{ .title }}</h5>
</li>
{{ end }}
</ul>
<a class="text-blue-600 font-bold" href="{{ relref . "newsroom" }}">View all recent news</a>
<a class="text-blue-700 font-bold" href="{{ relref . "newsroom" }}">View all recent news</a>
</div>
</div>
</section>
Expand Down
2 changes: 1 addition & 1 deletion layouts/page/ai-arch.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ <h5>{{ $benefit.title }}</h5>

<div class="container mx-auto">
<div class="w-full lg:w-2/3 px-4 py-2 lg:p-8 lg:px-4 mx-auto text-center">
<div class="lg:shadow-2xl bg-violet-600 p-8 lg:px-24 lg:pt-4 g:pb-12 rounded-xl">
<div class="lg:shadow-2xl bg-violet-700 p-8 lg:px-24 lg:pt-4 g:pb-12 rounded-xl">
<h4 class="text-white">{{ .Params.get_started.get_started.title }}</h4>
<p class="mb-12 text-white">{{ .Params.get_started.get_started.description }}</p>
<a href="{{ relref . "/contact?form=sales" }}" class="btn-secondary">{{ .Params.get_started.get_started.cta_text }}</a>
Expand Down
2 changes: 1 addition & 1 deletion layouts/page/automation.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -427,7 +427,7 @@ <h4>Workshop</h4>
</div>
</div>

<div class="w-full bg-violet-600 rounded shadow p-16 pt-24 text-center">
<div class="w-full bg-violet-700 rounded shadow p-16 pt-24 text-center">
<h2 class="text-white">Get started today</h2>
<p class="text-white">To get started with Pulumi Automation API, visit the user guide in our documentation.</p>
<div class="mt-16">
Expand Down
2 changes: 1 addition & 1 deletion layouts/page/cloud-engineering.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -236,7 +236,7 @@ <h2 class="text-center mb-16">{{ .Params.case_studies.title }}</h2>
</section>

<section id="get-started" class="container px-6 lg:px-0 mx-auto my-16">
<div class="w-full bg-violet-600 card p-6 lg:p-16 lg:pt-24 text-center">
<div class="w-full bg-violet-700 card p-6 lg:p-16 lg:pt-24 text-center">
<div class="max-w-xl mx-auto">
<h2 class="text-white hidden lg:block px-0 lg:px-16">{{ .Params.get_started.title }}</h2>
<h4 class="text-white mt-0 lg:hidden">{{ .Params.get_started.title }}</h4>
Expand Down
2 changes: 1 addition & 1 deletion layouts/page/crosscode.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ <h5 class="mt-9 mb-6">{{ $item.title }}</h5>

<section id="crosscode-questions" class="container px-6 lg:px-0 mx-auto my-28 px-6 flex justify-center">
{{ with .Params.questions }}
<div class="w-full sm:w-10/12 bg-violet-600 card px-12 sm:px-20 py-16 text-center rounded-xl">
<div class="w-full sm:w-10/12 bg-violet-700 card px-12 sm:px-20 py-16 text-center rounded-xl">
<div class="max-w-lg mx-auto">
<h2 class="text-white mt-16">{{ .title }}</h2>
<p class="text-white">{{ .description }}</p>
Expand Down
2 changes: 1 addition & 1 deletion layouts/page/crossguard.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -286,7 +286,7 @@ <h4>Continuous Delivery</h4>
</section>

<section id="get-started" class="container px-6 lg:px-0 mx-auto my-28 px-6">
<div class="w-full bg-violet-600 card p-6 lg:p-16 lg:pt-24 text-center">
<div class="w-full bg-violet-700 card p-6 lg:p-16 lg:pt-24 text-center">
<div class="max-w-xl mx-auto">
<h2 class="text-white hidden lg:block px-0 lg:px-16">Getting Started with Policy as Code</h2>
<h4 class="text-white mt-0 lg:hidden">Getting Started with Policy as Code</h4>
Expand Down
2 changes: 1 addition & 1 deletion layouts/page/home-b.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -282,7 +282,7 @@ <h3>{{ .Params.ai.title }}</h3>
<!-- Built by engineers + tweets -->
<section class="mt-16 mb-36 relative flex flex-col">
<div class="container mx-auto px-3 overflow-hidden lg:overflow-visible">
<div class="w-full bg-violet-600 rounded-xl shadow p-16 lg:pb-56 align-top">
<div class="w-full bg-violet-700 rounded-xl shadow p-16 lg:pb-56 align-top">
<h2 class="text-white text-center">Built by engineers for engineers. Open source.</h2>
<div class="flex flex-col lg:flex-row items-center justify-center mb-4">
<a class="text-white text-lg bold underline flex self-start lg:self-auto mt-4 lg:mt-0 mx-auto lg:mx-0 lg:pr-1" href="https://slack.pulumi.com/"
Expand Down
6 changes: 3 additions & 3 deletions layouts/page/leadership.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

{{ define "main" }}
<div class="container mx-auto mt-12 max-w-7xl">
<a class="text-blue-600 text-xl font-body ml-9 hidden sm:block" href="{{ relref . "/about" }}">
<a class="text-blue-700 text-xl font-body ml-9 hidden sm:block" href="{{ relref . "/about" }}">
<i class="fas fa-arrow-left mr-4"></i>
About
</a>
Expand All @@ -21,7 +21,7 @@ <h2 class="mb-8 text-center">Our Leaders</h2>
<div class="font-display font-medium text-gray-900 text-3xl mb-3">{{ .name }}</div>
<div class="text-sm text-gray-700">{{ .title }}</div>
</div>
<div class="opacity-0 hover:opacity-95 bg-blue-600 h-full w-full absolute flex justify-center social-overlay">
<div class="opacity-0 hover:opacity-95 bg-blue-700 h-full w-full absolute flex justify-center social-overlay">
{{ partial "widgets/social-icons.html" (dict "social" .social) }}
</div>
</div>
Expand All @@ -44,7 +44,7 @@ <h2 class="mb-8 text-center">Our Board of Directors</h2>
<div class="text-sm text-gray-700">{{ .title }}</div>
<div class="text-sm text-gray-700">{{ .investor }}</div>
</div>
<div class="opacity-0 hover:opacity-95 bg-blue-600 h-full w-full absolute flex justify-center social-overlay">
<div class="opacity-0 hover:opacity-95 bg-blue-700 h-full w-full absolute flex justify-center social-overlay">
{{ partial "widgets/social-icons.html" (dict "social" .social) }}
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion layouts/page/microsoft-build.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ <h5>{{ .title }}</h5>
<p>{{ .description }}</p>
<div class="my-8">
<a href="{{ .link }}" class="btn-secondary">
<span class="text-violet-600">{{ .action }} &#8594;</span>
<span class="text-violet-700">{{ .action }} &#8594;</span>
</a>
</div>
</div>
Expand Down
16 changes: 8 additions & 8 deletions layouts/page/pricing.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,20 +57,20 @@ <h4 class="text-center font-bold">{{ $tier.title }}</h4>
</div>
{{ if eq $index 0 }}
<div class="flex flex-wrap flex-col justify-center align-center items-center text-center my-4 h-14 lg:h-24 xl:h-14">
<a class="text-white text-s bg-violet-600 border-2 border-violet-600 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap" href="https://app.pulumi.com/signup">Sign up</a>
<a class="text-white text-s bg-violet-700 border-2 border-violet-700 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap" href="https://app.pulumi.com/signup">Sign up</a>
</div>
{{ else if eq $index 1 }}
<div class="flex flex-wrap justify-center items-center text-center my-4 h-14 lg:h-24 xl:h-14">
<a class="text-white text-s bg-violet-600 border-2 border-violet-600 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap" href="https://app.pulumi.com/?create-organization=1">Start a free trial</a>
<a class="text-white text-s bg-violet-700 border-2 border-violet-700 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap" href="https://app.pulumi.com/?create-organization=1">Start a free trial</a>
</div>
{{ else if eq $index 2 }}
<div class="flex flex-wrap justify-center items-center text-center my-4 h-14 lg:h-24 xl:h-14">
<a class="text-white text-s bg-violet-600 border-2 border-violet-600 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap mr-1 mb-0 lg:mb-1 xl:mb-0" href="https://app.pulumi.com/?create-organization=1">Start a free trial</a>
<a href="/contact/?form=sales" class="text-violet-600 text-s border-2 border-violet-600 rounded-lg py-2 px-2 hover:bg-violet-100">Contact sales</a>
<a class="text-white text-s bg-violet-700 border-2 border-violet-700 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap mr-1 mb-0 lg:mb-1 xl:mb-0" href="https://app.pulumi.com/?create-organization=1">Start a free trial</a>
<a href="/contact/?form=sales" class="text-violet-700 text-s border-2 border-violet-700 rounded-lg py-2 px-2 hover:bg-violet-100">Contact sales</a>
</div>
{{ else }}
<div class="flex flex-wrap justify-center items-center text-center my-4 h-14 lg:h-24 xl:h-14">
<a class="text-white text-s bg-violet-600 border-2 border-violet-600 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap mr-1 mb-0 lg:mb-1 xl:mb-0" href="/contact/?form=sales">Contact sales</a>
<a class="text-white text-s bg-violet-700 border-2 border-violet-700 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap mr-1 mb-0 lg:mb-1 xl:mb-0" href="/contact/?form=sales">Contact sales</a>
</div>
{{ end }}
<div class="border-dotted border-2 border-gray-200 rounded-lg px-4">
Expand Down Expand Up @@ -169,7 +169,7 @@ <h3>{{ .header }}</h3>
{{ if $row.tooltip }}
<span>
<pulumi-tooltip>
<i class="w-8 ml-2 fas fa-info-circle text-blue-600"></i>
<i class="w-8 ml-2 fas fa-info-circle text-blue-700"></i>
<span slot="content">{{ $row.tooltip }}</span>
</pulumi-tooltip>
</span>
Expand All @@ -187,7 +187,7 @@ <h3>{{ .header }}</h3>
{{ if $item.tooltip }}
<span>
<pulumi-tooltip>
<i class="w-8 ml-2 fas fa-info-circle text-blue-600"></i>
<i class="w-8 ml-2 fas fa-info-circle text-blue-700"></i>
<span slot="content">{{ $item.tooltip }}</span>
</pulumi-tooltip>
</span>
Expand All @@ -210,7 +210,7 @@ <h2 class="text-center">Frequently asked questions</h2>
<span id="faq-billing"></span>

<ul id="faq-headers" class="hidden lg:flex list-none mt-10">
<li class="px-10 py-3 mr-3 border-b-4 border-solid border-blue-600" data-faq-label="pricing">
<li class="px-10 py-3 mr-3 border-b-4 border-solid border-blue-700" data-faq-label="pricing">
<h4><a href="#faq-pricing" class="text-black">Pricing</a></h4>
</li>
<li class="px-10 py-3 mr-3" data-faq-label="product">
Expand Down
2 changes: 1 addition & 1 deletion layouts/page/product-packages.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -138,7 +138,7 @@ <h2 class="mb-8 text-center">{{ .Params.get_started.title }}</h2>

<div class="lg:flex items-stretch">
<div class="w-full lg:w-1/2 px-4 py-2 lg:p-8 lg:px-4">
<div class="lg:shadow-2xl bg-violet-600 p-8 lg:px-12 lg:pt-4 g:pb-12 rounded-xl h-full">
<div class="lg:shadow-2xl bg-violet-700 p-8 lg:px-12 lg:pt-4 g:pb-12 rounded-xl h-full">
<h4 class="text-white">{{ .Params.get_started.browse.title }}</h4>
<p class="mb-12 text-white">{{ .Params.get_started.browse.description }}</p>
<a href="/registry/" class="btn-secondary">{{ .Params.get_started.browse.cta_text }}</a>
Expand Down
2 changes: 1 addition & 1 deletion layouts/page/pulumi-up-2022.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -136,7 +136,7 @@ <h3>{{ .title }}</h3>
<p>{{ .description }}</p>
<div class="my-8">
<a href="{{ .url }}" class="btn-secondary">
<span class="text-violet-600">Register Now &#8594;</span>
<span class="text-violet-700">Register Now &#8594;</span>
</a>
</div>
</div>
Expand Down
Loading
Loading