diff --git a/packages/console/app/src/routes/brand/index.css b/packages/console/app/src/routes/brand/index.css index d3c0d0523..1fc6c17d3 100644 --- a/packages/console/app/src/routes/brand/index.css +++ b/packages/console/app/src/routes/brand/index.css @@ -266,7 +266,7 @@ h1 { font-size: 1.5rem; - font-weight: 500; + font-weight: 700; color: var(--color-text-strong); margin-bottom: 1rem; } diff --git a/packages/console/app/src/routes/enterprise/index.css b/packages/console/app/src/routes/enterprise/index.css index 0178e40a2..d3c47f08e 100644 --- a/packages/console/app/src/routes/enterprise/index.css +++ b/packages/console/app/src/routes/enterprise/index.css @@ -289,7 +289,7 @@ [data-component="enterprise-column-1"] { h1 { font-size: 1.5rem; - font-weight: 500; + font-weight: 700; color: var(--color-text-strong); margin-bottom: 1rem; } @@ -441,7 +441,7 @@ h3 { font-size: 16px; - font-weight: 500; + font-weight: 700; color: var(--color-text-strong); margin-bottom: 12px; } diff --git a/packages/console/app/src/routes/index.css b/packages/console/app/src/routes/index.css index 0fcbe7527..f04297104 100644 --- a/packages/console/app/src/routes/index.css +++ b/packages/console/app/src/routes/index.css @@ -332,7 +332,7 @@ body { display: flex; flex-direction: column; max-width: 100%; - padding: calc(var(--vertical-padding) * 2) var(--padding); + padding: calc(var(--vertical-padding) * 1.5) var(--padding); @media (max-width: 30rem) { padding: var(--vertical-padding) var(--padding); @@ -514,8 +514,7 @@ body { } &[data-animating] [data-slot="desktop-icon"] [data-slot="dot"] { - opacity: 0.4; - transition: opacity 0.3s ease-out 1s; + animation: dotFadeInOut 6s ease-out forwards; } @@ -1243,3 +1242,18 @@ body { transform: scale(1); } } + +@keyframes dotFadeInOut { + 0%, 16% { + opacity: 0; + } + 20% { + opacity: 0.4; + } + 90% { + opacity: 0.4; + } + 100% { + opacity: 0; + } +} diff --git a/packages/console/app/src/routes/index.tsx b/packages/console/app/src/routes/index.tsx index 04a66f8b0..c4f68e962 100644 --- a/packages/console/app/src/routes/index.tsx +++ b/packages/console/app/src/routes/index.tsx @@ -35,10 +35,10 @@ export default function Home() { const handleDesktopCopyHover = () => { if (!isAnimating()) { setIsAnimating(true) - // Animation duration is 1s for icon + 1s delay + 0.3s for dot = ~2.3s total + // Animation duration is 6s for dot fade in/out setTimeout(() => { setIsAnimating(false) - }, 2300) + }, 6000) } } @@ -776,6 +776,17 @@ export default function Home() { /> +
+ + + +
+
+ + + +
Learn about Zen diff --git a/packages/console/app/src/routes/zen/index.css b/packages/console/app/src/routes/zen/index.css index fbdd15306..6a9f5706d 100644 --- a/packages/console/app/src/routes/zen/index.css +++ b/packages/console/app/src/routes/zen/index.css @@ -280,7 +280,7 @@ body { h1 { font-size: 28px; color: var(--color-text-strong); - font-weight: 500; + font-weight: 700; margin-bottom: 16px; display: block; @@ -369,7 +369,7 @@ body { h3 { font-size: 16px; - font-weight: 500; + font-weight: 700; color: var(--color-text-strong); margin-bottom: 12px; } @@ -442,7 +442,7 @@ body { [data-slot="privacy-title"] { h3 { font-size: 16px; - font-weight: 500; + font-weight: 700; color: var(--color-text); margin-bottom: 12px; }