Legal Design · 81 of 210

Terracotta Bilingual

Terracotta, cream and deep blue, with every word ready in English or Spanish at one tap. It is for immigration firms that serve families and want them to see the right form before they call.

Built for Immigration. Sample business on the page, Robles Vega Immigration Law, San Diego CA.

Terracotta Bilingual website design on a desktop
The first screen, “Your Family's Next Step, Explained in Your LanguageEl Siguiente Paso de Su Familia, Explicado en Su Idioma”

Colors

#1e2f5b
#b9552f
#4c4f5c
#f6eee2
#fffaf2
#8f3f22

Fonts

  • Carme
  • Source Sans 3

Sections In Order

  1. Your Family's Next Step, Explained in Your LanguageEl Siguiente Paso de Su Familia, Explicado en Su Idioma
  2. What Is Your Goal?¿Cuál Es Su Meta?
  3. The Cases We TakeLos Casos Que Llevamos
  4. The Families We KnowLas Familias Que Conocemos
  5. What Families SayLo Que Dicen las Familias
  6. Questions Families AskPreguntas Frecuentes

Built In

  • shape() section edges
  • sibling-index stagger
  • invoker dialog with @starting-style
  • exclusive accordion FAQ
  • one tap English and Spanish switch
  • Tool on the page, Visa and status path explorer
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Photo lightbox (dialog)
  • Inline SVG graphics

The Whole Page

Full page of the Terracotta Bilingual design

On A Phone

Terracotta Bilingual on a phone
↑