home showcase studio settings Design-language studio Pick a design language and see a real website built entirely in it — nav, hero, tag chips, buttons, and a grouped metric card, each from that language's own cited design doc. This is the design-language surface, separate from the builder scorecard.
home · showcase · settings
liquid-glass carbon apple-dark
swap a component to another language — only admissible swaps are enabled; an invalid mix is unconstructable
button liquid-glass · base carbon apple-dark
chip liquid-glass · base carbon apple-dark
card liquid-glass · base carbon apple-dark
◆ studio Product · Docs · Pricing prominent Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
regular prominent tinted
prominent glass
Commits 1,240
Current streak 23 days
Languages 12
◆ studio Product · Docs · Pricing prominent Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
gray × blue × red ×
prominent glass
Commits 1,240
Current streak 23 days
Languages 12
◆ studio Product · Docs · Pricing prominent Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
regular tinted gray
prominent glass
Commits 1,240
Current streak 23 days
Languages 12
◆ studio Product · Docs · Pricing prominent Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
regular prominent tinted
prominent glass
Commits 1,240
Current streak 23 days
Languages 12
◆ studio Product · Docs · Pricing prominent Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
regular prominent tinted
prominent glass
Commits 1,240
Current streak 23 days
Languages 12
swap a component to another language — only admissible swaps are enabled; an invalid mix is unconstructable
button liquid-glass ✕ carbon · base apple-dark
chip liquid-glass ✕ carbon · base apple-dark
card liquid-glass carbon · base apple-dark
◆ studio Product · Docs · Pricing primary Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
gray × blue × red ×
primary secondary
Commits 1,240
Current streak 23 days
Languages 12
◆ studio Product · Docs · Pricing primary Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
regular tinted gray
primary secondary
Commits 1,240
Current streak 23 days
Languages 12
◆ studio Product · Docs · Pricing primary Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
gray × blue × red ×
primary secondary
Commits 1,240
Current streak 23 days
Languages 12
◆ studio Product · Docs · Pricing primary Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
gray × blue × red ×
primary secondary
Commits 1,240
Current streak 23 days
Languages 12
swap a component to another language — only admissible swaps are enabled; an invalid mix is unconstructable
button liquid-glass carbon apple-dark · base
chip liquid-glass carbon apple-dark · base
card liquid-glass carbon apple-dark · base
◆ studio Product · Docs · Pricing filled Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
regular tinted gray
filled plain
Commits 1,240
Current streak 23 days
Languages 12
◆ studio Product · Docs · Pricing filled Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
regular prominent tinted
filled plain
Commits 1,240
Current streak 23 days
Languages 12
◆ studio Product · Docs · Pricing filled Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
gray × blue × red ×
filled plain
Commits 1,240
Current streak 23 days
Languages 12
◆ studio Product · Docs · Pricing filled Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
regular tinted gray
filled plain
Commits 1,240
Current streak 23 days
Languages 12
◆ studio Product · Docs · Pricing filled Build a site in this design language Every element — nav, buttons, tags, the grouped metric card — is this language, composed from its own cited design doc.
regular tinted gray
filled plain
Commits 1,240
Current streak 23 days
Languages 12