Chuv Studio

03 — SOCIAL MEDIA

Liquid Glass

Página dedicada ao post aprovado sobre Liquid Glass, criada como rota própria dentro de social media para preservar as demos anteriores e manter cada post em seu próprio espaço.

Tema aprovado: Liquid Glass da Apple - por que a nova linguagem de interface recoloca materialidade e movimento no centro

Workflow Fit

Este post só existe depois da aprovação completa de tema, copy, imagens e revisão final

Approval Gate

Executa apenas após final review confirmado.

Own Page

Criado em rota própria para não sobrescrever demos existentes.

Existing Pattern

Segue a estrutura real de section, card e vertical post do styleguide.

Content Mapping

Distribuição direta da copy aprovada sem reescrita

Page 01

Cover Hook

Usa page1.title e page1.subtitle com imagem aprovada na capa.

Page 02

Support Page

Usa page2.title e page2.paragraph com imagem de desktop aplicada ao tema.

Page 03

Statement Page

Usa uma frase mais curta para manter peso visual e leitura imediata.

Page 04

Bullet Card

Usa page4.highlight e page4.bullets no card system existente.

Page 05

Closing

Usa page5.closing com referência visual aprovada no encerramento.

Image Slot Rules

Padrão de 2 imagens por post.

Máximo de 3 imagens no total.

Posições aceitas: páginas 1, 2, 3 e 5.

Practical Demo

Render do post aprovado sobre Liquid Glass em stack horizontal de 5 páginas

Chuv InfoChuv symbol
Interface Liquid Glass com destaque para questões de legibilidade em diferentes superfícies

Liquid Glass

Depois de anos de interface plana, a Apple devolve espessura ao software.

Colagem com diferentes superfícies e elementos da linguagem Liquid Glass

Não é enfeite novo. É foco, contexto e gesto ficando mais legíveis.

Material também orienta.

Manifesto

Não é só vidro.

Mais presença.

O que isso muda

foco visível

camadas vivas

gesto guiado

contexto claro

@chuv.studio

Se a última era limpou a interface, esta quer devolver presença.

Interface com elementos translúcidos e organização visual do tema Liquid Glass

Image Sources

Page 1 uses the Liquid Glass legibility image provided for this version.

Page 2 uses the MacRumors general Liquid Glass feature image provided for this version.

Page 5 uses the Medium-hosted interface image provided for this version.

Practical Demo · 4:5

O mesmo post adaptado para o formato 4:5 — layouts ajustados para compensar o espaço vertical reduzido

Chuv InfoChuv symbol
Interface Liquid Glass com destaque para questões de legibilidade em diferentes superfícies

Liquid Glass

Depois de anos de interface plana, a Apple devolve espessura ao software.

Não é enfeite novo. É foco, contexto e gesto ficando mais legíveis.

Material também orienta.

Colagem com diferentes superfícies e elementos da linguagem Liquid Glass
Manifesto

Não é só vidro.

Mais presença.

O que isso muda

foco visível

camadas vivas

gesto guiado

contexto claro

@chuv.studio

Se a última era limpou a interface, esta quer devolver presença.

Interface com elementos translúcidos e organização visual do tema Liquid Glass

Adaptation Notes · 4:5

Página 2 com texto direto no topo e imagem fill abaixo. Página 3 só com texto, sem imagem. Página 4 com título em cima e card em stack vertical. Página 5 com badge e texto corrido, sem lista.