Skip to content

Commit c029a13

Browse files
christiannwambachristiannwamba
authored
feat: restructure landing page (#2074)
* feature: new docs welcome page * chore: format * feat: alt landing page * chore: format * feat: alt landing page 3 * feat: landing page revamp * chore: format * fix: broken links and images * fix: missing icon * chore: update content * docs: landing page refinements * chore: format * fix: feedback changes * chore: format
1 parent 07b5131 commit c029a13

29 files changed

+869
-125
lines changed

‎docs/intro.mdx

+135
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
---
2+
id: intro
3+
title: Ory Overview
4+
sidebar_label: Overview
5+
slug: intro
6+
---
7+
8+
Ory is a software infrastructure provider building a global zero-trust network for humans, robots, devices, and software services.
9+
Ory develops open-source software on [GitHub](https://github.com/ory) and publishes open standards such as the
10+
[Ory Permission Language](https://github.com/ory/keto/blob/master/docs/ory_permission_language_spec.md).
11+
[The Ory Network](https://console.ory.sh/) uses cloud-native open-source technologies (Kubernetes, Crossplane, Cockroach, Linux,
12+
Ory) and standards (OAuth 2.0/2.1, OpenID Connect, MITREid, WebAuthn, TOTP, FIDO3) to deliver a low-latency, planet-scale
13+
zero-trust infrastructure. Ory combines centuries of open source, security, operational, and industry expertise with a
14+
user-centric and security-first mindset.
15+
16+
Core infrastructure components of [Ory Network](https://console.ory.sh) are open source to foster collaboration, reduce supply
17+
chain risk, broaden access to secure services, and introduce the open standard for internet security. Being open source Ory
18+
improves the safety of everyone:
19+
20+
- Ory Identities offers a secure and modern central identity management solution with MFA, passwordless, WebAuthn, and more. It's
21+
based on the open-source [Ory Kratos Identity Server](https://github.com/ory/kratos).
22+
- Ory OAuth2 & OpenID Connect implements 15+ IETF and OpenID standards to facilitate single sign-on (SSO), delegation, and API
23+
access authorization. It's based on the open-source [Ory Hydra Federation Server](https://github.com/ory/hydra).
24+
- Ory Permissions is a low-latency, high-performance, relationship-based authorization system that enables fine-grained access
25+
control (incl. RBAC and ABAC models) in any application. It's based on the open-source
26+
[Ory Keto Permission Server](https://github.com/ory/keto), which implements
27+
[Zanzibar: Google’s Consistent, Global Authorization System](https://research.google/pubs/pub48190/).
28+
29+
Ory develops and maintains many additional open-source projects. From an Ory Zero Trust Identity & Access Proxy
30+
[Ory Oathkeeper](https://github.com/ory/oathkeeper) to developer tooling [Ory Dockertest](https://github.com/ory/dockertest) to
31+
language-specific libraries [Ory Ladon](https://github.com/ory/ladon). Ory has
32+
[170+ open source repositories](https://github.com/orgs/ory/repositories) and over 35.000 GitHub stars.
33+
34+
Ory secures billions of requests each month, runs in over 50,000 live deployments, and improves hourly.
35+
36+
## Why Ory is different
37+
38+
Ory differentiates from other vendors in the following key areas:
39+
40+
- Ory core services and APIs are developed and licensed under Apache 2.0, allowing you to participate, collaborate, and understand
41+
the inner workings of Ory.
42+
- You can bring your UI, in the programming language of your choosing, with the user experience that you like.
43+
- From designing Identity Schemas using JSON Schema, to webhooks, to advanced configuration options - Ory is the most customizable
44+
platform out there.
45+
- Ory spans the whole authentication and authorization universe with well-designed products and APIs:
46+
- Identity Management with session management & flows for login, registration, recovery, verification, MFA, and more.
47+
- Permission and Role Management.
48+
- Delegation via OAuth2 and OpenID Connect.
49+
- Zero Trust Networking.
50+
- Modern API design with partial support for gRPC.
51+
52+
## Ory Network
53+
54+
The Ory Network is the commercial offering of Ory and is built on top of Ory Open Source software. The goal with Ory Network is to
55+
offer a planet-scale, low-latency, resilient, and secure service that's easy to use and set up.
56+
57+
In short: Ory Network is the most convenient way to run Ory. [Sign up](https://console.ory.sh/registration) and create a free
58+
developer project.
59+
60+
## Components
61+
62+
Each project in Ory Network is an isolated tenant and uses many components providing functionality, user interfaces, and APIs
63+
around identities, sessions, login, OAuth2, permissions, and more. The core components of projects in Ory Network are
64+
[Ory Open Source servers](https://github.com/ory/).
65+
66+
### Identities and sessions
67+
68+
Ory Network incorporates the open-source [Ory Kratos Identity Server](https://www.ory.sh/kratos) and offers:
69+
70+
- **Self-service** flows are everything users do on their own / without the help of others:
71+
- Registration with passwords, social sign-in, OpenID Connect, ...
72+
- Login with passwords, social sign-in, OpenID Connect, ...
73+
- Updating the profile, email, changing the password, un/linking with social sign-in providers, ...
74+
- Recovering the account by resetting the password.
75+
- Verifying email addresses, phone numbers,...
76+
- Multi-factor authentication flows and recovery processes.
77+
- **Administrative identity management** to get, create, update, and delete identities (users) and their data.
78+
- **Headless APIs and data models** allow you to fully customize Identity Schemas (for example adding fields like first name,
79+
accept tos, shipping address, gender, ...) and create your login, registration, profile settings, recovery, and verification
80+
screen using SDKs and REST APIs.
81+
82+
### Permissions and relationships
83+
84+
Ory Network incorporates the open-source [Ory Keto Permission Server](https://www.ory.sh/keto) and offers:
85+
86+
- **Permission management** to get, create, update, and delete permissions.
87+
- **Permission checking** to check if a user has a permission.
88+
89+
### OAuth2 and OIDC
90+
91+
Ory Network incorporates the open-source [Ory Hydra OAuth2 & OpenID Server](https://www.ory.sh/hydra) and offers:
92+
93+
- **Fully featured OAuth2 & [OpenID Certified](https://openid.net/developers/certified/)® OIDC Provider**
94+
95+
### Ory Console
96+
97+
Ory Console is the management UI of Ory Network.
98+
99+
### Ory Account Experience
100+
101+
Ory Account Experience implements screens such as login, registration, account recovery, account setting, and account verification
102+
for fast adoption of Ory.
103+
104+
Contrary to other vendors, Ory allows you to implement your own (login, registration, ...) UI by offering simple, headless APIs.
105+
Use the open-source [Ory Elements](https://github.com/ory/elements) components library for fast integration with frameworks like
106+
ExpressJS, React, or Preact.
107+
108+
### Ory Actions
109+
110+
[Ory Actions](https://www.ory.sh/docs/kratos/hooks/configure-hooks) provide a flexible way to extend the capabilities of the Ory
111+
Network by defining custom business logic, automating system behavior in response to events, and integrating with third-party
112+
services such as CRM platforms, payment gateways, business analytics tools, and integration platforms.
113+
114+
## Ory Open Source
115+
116+
Ory is the largest open-source ecosystem in the area of authentication, authorization, access control, and zero-trust networking
117+
in the world. Ory is not another company "greenwashing" with open source by publishing SDKs under open-source licenses. Instead,
118+
all Ory core systems are available as Apache 2.0 licensed software without enterprise or open-core models.
119+
120+
Head over to the [Ory Open Source Overview](./open-source.mdx) for an introduction to the different projects.
121+
122+
### Is open source taking a back seat?
123+
124+
**No!**
125+
126+
Ory Network is the commercial offering which generates revenue to sustain high quality development and add more features to Ory
127+
Open Source. The value proposition and vision for Ory Network is to incorporate and advance the open-source ecosystem and add
128+
additional services which aren't possible to open source (for example analytics, SLAs, SRE, low-latency).
129+
130+
The Ory Network and Ory Open Source software are interlinked. Ory Network is using the [Ory Open Source](https://github.com/ory/)
131+
code base, APIs, features, and configurations to provide services. Ory Network features modifications to better support the custom
132+
multi-tenant environment and operational (SRE) mode.
133+
134+
In the future, Ory will continue to increase its open-source footprint. and make the projects easier to modify, use, access, and
135+
distribute. The biggest impact Ory Network will have is that it will accelerate and sustain the development of Ory Open Source.

‎docs/welcome.mdx

+16-123
Original file line numberDiff line numberDiff line change
@@ -5,131 +5,24 @@ sidebar_label: Introduction
55
slug: welcome
66
---
77

8-
Ory is a software infrastructure provider building a global zero-trust network for humans, robots, devices, and software services.
9-
Ory develops open-source software on [GitHub](https://github.com/ory) and publishes open standards such as the
10-
[Ory Permission Language](https://github.com/ory/keto/blob/master/docs/ory_permission_language_spec.md).
11-
[The Ory Network](https://console.ory.sh/) uses cloud-native open-source technologies (Kubernetes, Crossplane, Cockroach, Linux,
12-
Ory) and standards (OAuth 2.0/2.1, OpenID Connect, MITREid, WebAuthn, TOTP, FIDO3) to deliver a low-latency, planet-scale
13-
zero-trust infrastructure. Ory combines centuries of open source, security, operational, and industry expertise with a
14-
user-centric and security-first mindset.
8+
Find all the guides and resources you need to develop with Ory.
159

16-
Core infrastructure components of [Ory Network](https://console.ory.sh) are open source to foster collaboration, reduce supply
17-
chain risk, broaden access to secure services, and introduce the open standard for internet security. Being open source Ory
18-
improves the safety of everyone:
10+
```mdx-code-block
11+
import WelcomePageSection from "@site/src/components/Welcome/welcome";
12+
import * as welcomeContent from "@site/src/pages/_assets/welcome-content";
1913
20-
- Ory Identities offers a secure and modern central identity management solution with MFA, passwordless, WebAuthn, and more. It's
21-
based on the open-source [Ory Kratos Identity Server](https://github.com/ory/kratos).
22-
- Ory OAuth2 & OpenID Connect implements 15+ IETF and OpenID standards to facilitate single sign-on (SSO), delegation, and API
23-
access authorization. It's based on the open-source [Ory Hydra Federation Server](https://github.com/ory/hydra).
24-
- Ory Permissions is a low-latency, high-performance, relationship-based authorization system that enables fine-grained access
25-
control (incl. RBAC and ABAC models) in any application. It's based on the open-source
26-
[Ory Keto Permission Server](https://github.com/ory/keto), which implements
27-
[Zanzibar: Google’s Consistent, Global Authorization System](https://research.google/pubs/pub48190/).
14+
<WelcomePageSection {...welcomeContent.identityManagement} />
15+
<WelcomePageSection {...welcomeContent.authorizationSecurity} />
16+
<WelcomePageSection {...welcomeContent.permissionManagement} />
17+
<WelcomePageSection {...welcomeContent.deploymentOptions} />
18+
<WelcomePageSection {...welcomeContent.frontendFrameworks} />
19+
<WelcomePageSection {...welcomeContent.backendFrameworks} />
20+
```
2821

29-
Ory develops and maintains many additional open-source projects. From an Ory Zero Trust Identity & Access Proxy
30-
[Ory Oathkeeper](https://github.com/ory/oathkeeper) to developer tooling [Ory Dockertest](https://github.com/ory/dockertest) to
31-
language-specific libraries [Ory Ladon](https://github.com/ory/ladon). Ory has
32-
[170+ open source repositories](https://github.com/orgs/ory/repositories) and over 35.000 GitHub stars.
22+
## Need Help?
3323

34-
Ory secures billions of requests each month, runs in over 50,000 live deployments, and improves hourly.
24+
If you need assistance with implementing Ory in your application or have any questions, please check out the
25+
[GitHub discussions](https://github.com/discussions?discussions_q=org%3Aory+sort%3Aupdated-desc) or join the
26+
[Ory Community Chat](https://slack.ory.sh/).
3527

36-
## Why Ory is different
37-
38-
Ory differentiates from other vendors in the following key areas:
39-
40-
- Ory core services and APIs are developed and licensed under Apache 2.0, allowing you to participate, collaborate, and understand
41-
the inner workings of Ory.
42-
- You can bring your UI, in the programming language of your choosing, with the user experience that you like.
43-
- From designing Identity Schemas using JSON Schema, to webhooks, to advanced configuration options - Ory is the most customizable
44-
platform out there.
45-
- Ory spans the whole authentication and authorization universe with well-designed products and APIs:
46-
- Identity Management with session management & flows for login, registration, recovery, verification, MFA, and more.
47-
- Permission and Role Management.
48-
- Delegation via OAuth2 and OpenID Connect.
49-
- Zero Trust Networking.
50-
- Modern API design with partial support for gRPC.
51-
52-
## Ory Network
53-
54-
The Ory Network is the commercial offering of Ory and is built on top of Ory Open Source software. The goal with Ory Network is to
55-
offer a planet-scale, low-latency, resilient, and secure service that's easy to use and set up.
56-
57-
In short: Ory Network is the most convenient way to run Ory. [Sign up](https://console.ory.sh/registration) and create a free
58-
developer project.
59-
60-
## Components
61-
62-
Each project in Ory Network is an isolated tenant and uses many components providing functionality, user interfaces, and APIs
63-
around identities, sessions, login, OAuth2, permissions, and more. The core components of projects in Ory Network are
64-
[Ory Open Source servers](https://github.com/ory/).
65-
66-
### Identities and sessions
67-
68-
Ory Network incorporates the open-source [Ory Kratos Identity Server](https://www.ory.sh/kratos) and offers:
69-
70-
- **Self-service** flows are everything users do on their own / without the help of others:
71-
- Registration with passwords, social sign-in, OpenID Connect, ...
72-
- Login with passwords, social sign-in, OpenID Connect, ...
73-
- Updating the profile, email, changing the password, un/linking with social sign-in providers, ...
74-
- Recovering the account by resetting the password.
75-
- Verifying email addresses, phone numbers,...
76-
- Multi-factor authentication flows and recovery processes.
77-
- **Administrative identity management** to get, create, update, and delete identities (users) and their data.
78-
- **Headless APIs and data models** allow you to fully customize Identity Schemas (for example adding fields like first name,
79-
accept tos, shipping address, gender, ...) and create your login, registration, profile settings, recovery, and verification
80-
screen using SDKs and REST APIs.
81-
82-
### Permissions and relationships
83-
84-
Ory Network incorporates the open-source [Ory Keto Permission Server](https://www.ory.sh/keto) and offers:
85-
86-
- **Permission management** to get, create, update, and delete permissions.
87-
- **Permission checking** to check if a user has a permission.
88-
89-
### OAuth2 and OIDC
90-
91-
Ory Network incorporates the open-source [Ory Hydra OAuth2 & OpenID Server](https://www.ory.sh/hydra) and offers:
92-
93-
- **Fully featured OAuth2 & [OpenID Certified](https://openid.net/developers/certified/)® OIDC Provider**
94-
95-
### Ory Console
96-
97-
Ory Console is the management UI of Ory Network.
98-
99-
### Ory Account Experience
100-
101-
Ory Account Experience implements screens such as login, registration, account recovery, account setting, and account verification
102-
for fast adoption of Ory.
103-
104-
Contrary to other vendors, Ory allows you to implement your own (login, registration, ...) UI by offering simple, headless APIs.
105-
Use the open-source [Ory Elements](https://github.com/ory/elements) components library for fast integration with frameworks like
106-
ExpressJS, React, or Preact.
107-
108-
### Ory Actions
109-
110-
[Ory Actions](https://www.ory.sh/docs/kratos/hooks/configure-hooks) provide a flexible way to extend the capabilities of the Ory
111-
Network by defining custom business logic, automating system behavior in response to events, and integrating with third-party
112-
services such as CRM platforms, payment gateways, business analytics tools, and integration platforms.
113-
114-
## Ory Open Source
115-
116-
Ory is the largest open-source ecosystem in the area of authentication, authorization, access control, and zero-trust networking
117-
in the world. Ory is not another company "greenwashing" with open source by publishing SDKs under open-source licenses. Instead,
118-
all Ory core systems are available as Apache 2.0 licensed software without enterprise or open-core models.
119-
120-
Head over to the [Ory Open Source Overview](./open-source.mdx) for an introduction to the different projects.
121-
122-
### Is open source taking a back seat?
123-
124-
**No!**
125-
126-
Ory Network is the commercial offering which generates revenue to sustain high quality development and add more features to Ory
127-
Open Source. The value proposition and vision for Ory Network is to incorporate and advance the open-source ecosystem and add
128-
additional services which aren't possible to open source (for example analytics, SLAs, SRE, low-latency).
129-
130-
The Ory Network and Ory Open Source software are interlinked. Ory Network is using the [Ory Open Source](https://github.com/ory/)
131-
code base, APIs, features, and configurations to provide services. Ory Network features modifications to better support the custom
132-
multi-tenant environment and operational (SRE) mode.
133-
134-
In the future, Ory will continue to increase its open-source footprint. and make the projects easier to modify, use, access, and
135-
distribute. The biggest impact Ory Network will have is that it will accelerate and sustain the development of Ory Open Source.
28+
For enterprise support, please [open a ticket](https://console.ory.sh/support).

‎src/components/Examples/example-list.module.css

+15-2
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,15 @@
88
grid-template-rows: 1fr;
99
gap: 1rem;
1010
grid-template-areas: "logo-img content";
11+
border-radius: 8px;
12+
border: 1px solid var(--ifm-color-emphasis-200);
13+
transition: all 0.2s ease;
14+
}
15+
16+
.card:hover {
17+
border-color: var(--ifm-color-emphasis-300);
18+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
19+
transform: translateY(-2px);
1120
}
1221

1322
.cardcontent {
@@ -36,14 +45,18 @@
3645
display: flex;
3746
align-items: center;
3847
background-color: transparent;
39-
border: 1px solid rgba(128, 128, 128, 0.32);
48+
border: 1px solid var(--ifm-color-emphasis-300);
4049
color: inherit;
4150
padding: 8px 12px;
4251
cursor: pointer;
52+
border-radius: 4px;
53+
transition: all 0.2s ease;
4354
}
4455

4556
.cardbutton:hover {
46-
background-color: rgba(128, 128, 128, 0.32);
57+
background-color: var(--ifm-color-emphasis-200);
58+
border-color: var(--ifm-color-emphasis-400);
59+
transform: translateY(-1px);
4760
}
4861

4962
.cardbutton:first-child {

‎src/components/Welcome/welcome.module.css

+41
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
/* Section styles */
2+
section {
3+
display: block;
4+
margin-bottom: 3rem;
5+
}
6+
7+
/* Section Heading */
8+
.sectionHeading {
9+
width: 100%;
10+
margin-bottom: 1.5rem;
11+
margin-top: 3rem;
12+
}
13+
14+
.sectionTitle {
15+
font-size: var(--ifm-h3-font-size);
16+
margin-top: 1rem;
17+
margin-bottom: 0.5rem;
18+
color: var(--ifm-color-primary);
19+
}
20+
21+
.sectionDescription {
22+
font-size: var(--ifm-font-size-base);
23+
margin-bottom: 1rem;
24+
color: var(--ifm-color-emphasis-700);
25+
max-width: 100%;
26+
}
27+
28+
/* Welcome intro text */
29+
.welcomeIntro {
30+
font-size: 1.1rem;
31+
line-height: 1.6;
32+
margin-bottom: 2rem;
33+
color: var(--ifm-color-emphasis-800);
34+
}
35+
36+
/* Help section */
37+
.helpSection {
38+
margin-top: 4rem;
39+
padding-top: 2rem;
40+
border-top: 1px solid var(--ifm-color-emphasis-200);
41+
}

0 commit comments

Comments
 (0)