@@ -11,137 +11,31 @@ tags:
1111 - Security
1212---
1313
14- Find security information for your Temporal deployment, whether you're using Temporal Cloud or self-hosting.
15-
16- <div className = " pattern-grid" >
17- <a href = " https://trust.temporal.io" className = " pattern-card" >
18- <div className = " pattern-content" >
19- <h3 >Company Security</h3 >
20- <p >Learn about Temporal Technologies' general security practices, compliance certifications, and organizational security measures.</p >
21- </div >
22- </a >
23-
24- <a href = " /cloud/security" className = " pattern-card" >
25- <div className = " pattern-content" >
26- <h3 >Temporal Cloud Security</h3 >
27- <p >Explore the security features of our SaaS offering, including mTLS, end-to-end encryption, and enterprise compliance.</p >
28- </div >
29- </a >
30-
31- <a href = " /self-hosted-guide/security" className = " pattern-card" >
32- <div className = " pattern-content" >
33- <h3 >Self-Hosted Security</h3 >
34- <p >Discover how to deploy and secure your own Temporal Platform infrastructure with production-ready best practices.</p >
35- </div >
36- </a >
37-
38-
39- <a href = " https://temporal.io/pages/cloud-security-white-paper" className = " pattern-card" >
40- <div className = " pattern-content" >
41- <h3 >Temporal Cloud Security Whitepaper</h3 >
42- <p >Learn how Temporal Cloud provides provable security by design - orchestrating encrypted workflows without ever accessing your sensitive data.</p >
43- </div >
44- </a >
45- </div >
46-
47-
48-
49- <style jsx >{ `
50- .security-cards-container {
51- margin: 2rem 0;
52- }
53-
54- .security-cards-grid {
55- display: grid;
56- grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
57- gap: 2rem;
58- margin-top: 2rem;
59- }
60-
61- .security-card {
62- background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
63- border: 1px solid #e1e8ed;
64- border-radius: 12px;
65- padding: 2rem;
66- transition: all 0.3s ease;
67- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
68- position: relative;
69- overflow: hidden;
70- }
14+ import PatternCards from ' @site/src/components/PatternCards' ;
7115
72- .security-card::before {
73- content: '';
74- position: absolute;
75- top: 0;
76- left: 0;
77- right: 0;
78- height: 4px;
79- background: linear-gradient(90deg, #444ce7 0%, #b664ff 100%);
80- }
81-
82- .security-card:hover {
83- transform: translateY(-4px);
84- box-shadow: 0 8px 24px rgba(68, 76, 231, 0.12);
85- border-color: #444ce7;
86- }
87-
88- .security-card-header h3 {
89- margin: 0 0 0.5rem 0;
90- font-size: 1.375rem;
91- font-weight: 600;
92- color: #1a1b23;
93- line-height: 1.3;
94- }
95-
96- .security-card-divider {
97- width: 40px;
98- height: 3px;
99- background: linear-gradient(90deg, #444ce7 0%, #b664ff 100%);
100- border-radius: 2px;
101- margin-bottom: 1.5rem;
102- }
103-
104- .security-card-body p {
105- color: #5d6b7d;
106- line-height: 1.6;
107- margin-bottom: 1.5rem;
108- font-size: 0.95rem;
109- }
110-
111- .security-card-button {
112- display: inline-flex;
113- align-items: center;
114- gap: 0.5rem;
115- color: #444ce7;
116- text-decoration: none;
117- font-weight: 500;
118- font-size: 0.95rem;
119- transition: all 0.2s ease;
120- padding: 0.5rem 0;
121- }
122-
123- .security-card-button:hover {
124- color: #3730a3;
125- text-decoration: none;
126- transform: translateX(2px);
127- }
128-
129- .security-card-button svg {
130- transition: transform 0.2s ease;
131- }
132-
133- .security-card-button:hover svg {
134- transform: translateX(2px);
135- }
136-
137- @media (max-width: 768px) {
138- .security-cards-grid {
139- grid-template-columns: 1fr;
140- gap: 1.5rem;
141- }
16+ Find security information for your Temporal deployment, whether you're using Temporal Cloud or self-hosting.
14217
143- .security-card {
144- padding: 1.5rem;
145- }
146- }
147- ` } </style >
18+ <PatternCards items = { [
19+ {
20+ href: " https://trust.temporal.io" ,
21+ title: " Company Security" ,
22+ description: " Learn about Temporal Technologies' general security practices, compliance certifications, and organizational security measures." ,
23+ external: true ,
24+ },
25+ {
26+ href: " /cloud/security" ,
27+ title: " Temporal Cloud Security" ,
28+ description: " Explore the security features of our SaaS offering, including mTLS, end-to-end encryption, and enterprise compliance." ,
29+ },
30+ {
31+ href: " /self-hosted-guide/security" ,
32+ title: " Self-Hosted Security" ,
33+ description: " Discover how to deploy and secure your own Temporal Platform infrastructure with production-ready best practices." ,
34+ },
35+ {
36+ href: " https://temporal.io/pages/cloud-security-white-paper" ,
37+ title: " Temporal Cloud Security Whitepaper" ,
38+ description: " Learn how Temporal Cloud provides provable security by design - orchestrating encrypted workflows without ever accessing your sensitive data." ,
39+ external: true ,
40+ },
41+ ]} />
0 commit comments