ntabs · examples
Showcase#
Each card below is the page's own HTML, under its own theme. They are pages, not pictures of pages, and every one is markdown: open one and read its text. People, companies and numbers are fictional.
Sites#
Whole sites with chrome: site, built from layout directives: a nav, a hero, grids, a bento, a carousel, a logo strip, numbers that count up, a footer. From a phone to an ultra-wide screen, in light and dark.
Orbit
- Features
- Spaces
- Pricing
- Blog
Download
Meet Orbit, the calmer way to browse
Tabs that tidy themselves, a sidebar that remembers, and a home for everything you open.
Download for Mac
Watch the film
"Orbit is the browser I was waiting for."
— Everyone who used it for a week
40%
fewer open tabs after a week
1,200
teams switched browsers this year
3x
faster to find anything
A browser that gets there before you
Tidy tabs, split view and a command bar, without a single setting to learn.
Command bar
Everything is one shortcut away.
A space for every side of you
Work, home and side projects, each with its own tabs and its own theme.
Explore spaces
Relay
- Product
- Docs
- Pricing
Sign in
Start free
Email for people who write code
The API that lands in the inbox, with logs you can read and domains verified in minutes.
Start free
Read the docs
import { Relay } from "relay";
const relay = new Relay(process.env.RELAY_KEY);
await relay.emails.send({
from: "Ana <[email protected]>",
to: "[email protected]",
subject: "Your order shipped",
markdown: "# On its way\nOrder **#4821** is on its way.",
});Teams that trust Relay with what matters
Everything that happens to every message
Every send has a timeline: accepted, delivered, opened, bounced. No support ticket to find out.
Domains in minutes
SPF, DKIM and DMARC checked for you, with the exact record to paste into your DNS.
Signed webhooks
Delivered, opened, clicked, bounced. Every event arrives signed, and retried.
Templates in markdown
Write the email like you write a README. The Outlook-proof HTML is on us.
Test mode
A key that pretends to send, so your test suite emails nobody.
Priority queues
Password resets and receipts go ahead of the newsletter.
Regions
São Paulo, Virginia and Frankfurt. Data stays where your customers are.
Deliverability you can read
Delivery rate per day, per domain and per template, without exporting a spreadsheet.
- 99.3% lands in the inbox
- 1.8 s from send to delivery, median
- 0 messages lost since launch
title: Delivered per day (thousands)
---
day,delivered
Mon,182
Tue,204
Wed,219
Thu,236
Fri,251
Sat,120
Sun,983 bn
messages sent this year
99.99%
API uptime
14k
teams on Relay
Marina Costa
- Work
- Experience
- Writing
Get in touch
I design tools teams use all day.
Eight years in product, now leading design at Cobrali. I like systems, beautiful spreadsheets and taking clicks out of the way of people at work.
See the work
CV as PDF
8
years in product
40+
launches
3
design systems from scratch
Selected work
Three projects, from a design system to a billing dashboard. Each moved a number the team looked at every week.
Cobrali · Billing that explains itself
2024 · design lead
I redesigned the billing dashboard of 30,000 small businesses. Support calls about "why didn't my customer pay" halved in three months.
Read the case study
Visitaê · A viewing calendar
2022 · product design
A calendar the agent and the buyer edit together. Rescheduled viewings fell from 38% to 11%.
Levaki · One system for seven countries
2020 · design system
180 components, tokens per country, and documentation engineers opened because they wanted to.
Other projects
Design Week posters
Identity for the 2023 event.
A typeface for numbers
Tabular figures for dashboards.
Icon grid
240 icons at 20 px, open source.
Experience
2023 — now
Head of design, Cobrali — a team of six designers; payments and billing for small businesses.
2020 — 2023
Senior product designer, Visitaê — viewings, offers and the agent's app.
2017 — 2020
Systems designer, Levaki — the design system that served seven countries.
Writing
Spreadsheets are interfaces
Why I start every dashboard in a spreadsheet, and what it teaches that Figma hides.
The button nobody clicked
An A/B test we lost, and what we learned about trust.
Tokens without pain
How seven countries used one system without becoming seven systems.
NORTE
- Work
- Studio
- Contact
Identity, type and space for people with something to say.
A design studio in Porto Alegre, since 2011.
Selected work
The studio
We are eleven designers, type designers and an architect. We work with few clients at a time, from the name to the sign on the door, and every project has one partner in charge from the first day to the last.
We design brands for museums, publishers, cooperatives and technology companies that would rather be remembered than noticed.
14
years as a studio
210
projects delivered
9
design awards
More work
Cooperativa Campo Largo — brand and packaging
Arquivo de Vila Serena — wayfinding system
Norte Grotesk — a type family
Teatro Vila Serena — the 2025 season
Livraria Cachalote — identity
name: Lia Ramos
bio: Real cooking, no fuss. 20-minute recipes, a podcast and the Sunday newsletter.
avatar: /demo/layout/person-5.svg
instagram: https://instagram.com
youtube: https://youtube.com
tiktok: https://tiktok.com
spotify: https://spotify.com* [My book: One Pot](#livro)
[Sunday newsletter](#newsletter)
[Partnerships and ads](mailto:[email protected])
1.2 m
people cooking along
The Prato Feito podcast
Ep. 88 — supermarket, street market or wholesale?
youtube: https://youtu.be/exemplo
title: One-pot baked rice
note: The channel's most watched video, 3.4 million views
Sunday newsletter
One recipe, one shopping list and what is cheap at the market. 48k readers.
Subscribe free
spotify: https://open.spotify.com/show/exemplo
title: Prato Feito, the podcast
note: Every Wednesday, 30 minutesOne Pot
The book of 80 recipes that dirty a single pot. Second edition, with the packed-lunch chapter. All of them tested in this cast-iron pot, the one I have at home.
Buy the book
Read a chapter
From Instagram
BRASA/26
- Speakers
- Schedule
- Venue
Tickets
November 14 and 15 · Recife
Brasa Conf 2026
Two days on design and product made in Brazil, for the people who make them.
Get your ticket
See the schedule
24
talks
900
people
2
days at Armazém 9
6
hands-on workshops
Speakers
Helena Prates
Estúdio Norte
Tomás Reis
Banco Lume
Júlia Anes
Levaki
Marina Costa
Cobrali
Lia Ramos
Prato Feito
Rafa Lemos
Polo Mangue
Schedule
Friday, 14
| Time | Talk |
|---|---|
| 09:00 | Doors and coffee |
| 10:00 | Helena Prates — Brands a city adopts |
| 11:00 | Tomás Reis — Designing an app with 100 million accounts |
| 14:00 | Workshops |
| 17:00 | Júlia Anes — Research in 48 hours |
Saturday, 15
| Time | Talk |
|---|---|
| 09:30 | Marina Costa — Spreadsheets are interfaces |
| 10:30 | Lia Ramos — From a video to a book |
| 14:00 | Workshops |
| 16:00 | Rafa Lemos — Recife, a product hub |
| 18:00 | Closing and party |
The team
The people putting the two days together. Members of the organising group see each other here; everybody else sees the speakers above.
Corridor words
First conference? These are the ones you will hear at the coffee. Turn to find out.
Tickets
Second batch on sale. The price goes up on October 1.
Courses#
A course is a folder: the top page introduces and lists the lessons, each lesson is a page, and what has to stick is in @flashcards — cards that turn on a click.
The three lessons: At the café, In the street, At the restaurant.
One theme for a whole site#
A subpage with no theme fence wears the theme of the page above it. With inherit, it takes that theme and changes only what it needs.
Orbit pricing#
No theme fence: everything comes from Orbit.
Orbit blog#
inherit, and a larger reading font.
Relay docs#
inherit with chrome: app: the site's colours, and the trail of pages back.
Marina's case study#
A portfolio page that inherits the portfolio.
Working pages#
Semana 36 · 1 a 7 de setembro
Visão geral
1,2 mi
e-mails entregues
99,2%
entregues na caixa de entrada
312 ms
latência p95 da API
14
alertas abertos
Envios por região
type: donut
title: E-mails por região (mil)
---
região,e-mails
São Paulo,521
Virgínia,388
Frankfurt,214
Tóquio,96Envios ao longo da semana
type: area
title: Envios por dia (mil)
---
dia,transacional,newsletter
seg,32,120
ter,41,133
qua,38,141
qui,52,150
sex,47,162
sáb,12,80
dom,9,64A recipe site · last 30 days
Audience
8,412
visits
3,107
unique visitors
2m 14s
average time
41%
bounce
Visits per week
type: line
title: Visits per week
---
week,visits
W1,1420
W2,1890
W3,2310
W4,2792Where the traffic comes from
type: pie
title: Sessions by source
---
source,sessions
Search,3980
Direct,2210
Social,1470
Referral,752ntabs · bloco novo
Checklist
Um bloco que conta, agrupa e lembra. O markdown já desenhava - [ ], mas a caixa vinha desativada: era a foto de um checklist. Este funciona.
title: Antes do deploy
## Testes
- [ ] Suíte Ruby — espera **982 runs, 0 falhas**
- [x] Suíte JavaScript
- [ ] Console limpo em todas as páginas
## Revisão
- [ ] Ler o diff inteiro
- [ ] Conferir que nada de `debugger` ficou
## Publicação
- [ ] Subir a branch
- [ ] Esperar o CIO contador vale pro todo e pra cada seção. A barra segue o accent do tema.
Um segundo, independente
Dois checklists na mesma página não dividem marcações.
Checklist OpenProfiles and conversations#
A feed, a CV, a chat: familiar formats, written in markdown.
Feed
Bruno Aragão
Fundador do Relay · Recife, Brasil · pill:accent:Conectar pill:Mensagem
Bruno Aragão · 2º · 3h
Nos últimos meses foquei nos webhooks do Relay. A tese: quem integra primeiro fica. A documentação virou uma página, e eu uso todo dia.
👍 48 · 💬 12 · ↗ 6
Clara Duarte · 1º · 1d
Publiquei minha primeira página no flows.md. O tema editorial ficou bonito sem eu mexer em nada.
👍 22 · 💬 4
Experiência
| Cargo | Onde | Período |
|---|---|---|
| Fundador | Relay | 2024 – hoje |
| Engenheiro de software | Levaki | 2019 – 2024 |
| Estagiário | Cobrali | 2018 – 2019 |
Competências
APIs · Entregabilidade de e-mail · Design de produto · Markdown
Conversa
Suporte Orbit
title: hoje
Ana: Oi! Instalei o Orbit no notebook novo, mas meus espaços não apareceram @ 09:12
me: Oi Ana! Você entrou com a mesma conta do outro computador? @ 09:13
Ana: Entrei sim @ 09:13
me: Então é a sincronização que ainda está baixando. Abre Ajustes → Contas e toca em Sincronizar agora @ 09:15
me: Com muitos espaços leva uns dois minutos na primeira vez @ 09:15
Ana: Apareceram 🎉 obrigada @ 09:20
me: De nada! Qualquer coisa é só chamar @ 09:21Ana
Apareceram 🎉 obrigada · 09:20
Caio
Dá pra exportar os favoritos? · ontem
Orbit · canal
Nova versão com tela dividida · ontem
Pessoas e conversa fictícias.
Suporte Orbit OpenPara você
Início
Clara Duarte · @clara.escreve · 2h
Publiquei o guia de estilo do time como uma página no flows.md. Markdown, tema, dois diagramas. Zero HTML. pill:accent:flows pill:escrita
💬 12 · 🔁 34 · ♥ 210 · 👁 4,1 mil
Bruno Aragão · @bruno.aragao · 5h
Testando escrever o blog inteiro em markdown e publicar com um clique. O tema escuro veio de graça. pill:blog
💬 3 · 🔁 8 · ♥ 96
Relay · @relay_mail · 1d
Logs de entrega que você entende: aceito, entregue, aberto, devolvido. A linha do tempo inteira no link. pill:accent:e-mail
💬 7 · 🔁 21 · ♥ 143
Tendências para você
#markdown · 12,4 mil posts · #designsystem · 3,2 mil · #escrita · 1,8 mil
Quem seguir
| Dora Escreve @dora_escreve | Ensaios sobre escrita e ferramentas | pill:accent:Seguir |
| Relay @relay_mail | E-mail para quem escreve código | pill:accent:Seguir |
Pessoas, perfis e números fictícios.
Início Openliaramos · Seguindo
Lia Ramos
128
publicações
2.431
seguidores
512
seguindo
Cozinha de verdade, sem frescura. Receitas de 20 minutos toda terça. pill:accent:Receitas toda terça pill:Belo Horizonte
🖼 Cuscuz de frigideira
18 minutos, uma panela. 210 curtidas
🖼 Feira de sábado
O que estava barato. 96 curtidas
🖼 Bolo de fubá
A receita da avó, sem balança. 143 curtidas
🖼 Marmitas da semana
Cinco almoços em uma hora. 77 curtidas
🖼 Arroz de forno
O vídeo mais pedido. 64 curtidas
🖼 Café da tarde
Pão de queijo de liquidificador. 58 curtidas
Destaques
Receitas · Feira · Livro · Podcast
Pessoa, perfil e números fictícios.
Lia Ramos OpenPara você
@liaramos
▶ 48,2 mil
Arroz de forno em uma panela só pill:accent:#receita
▶ 12,7 mil
Feira com 50 reais pill:#economia
▶ 9,4 mil
Marmita que não fica sem graça pill:#marmita
▶ 7,1 mil
Pão de queijo de liquidificador pill:#lanche
▶ 5,8 mil
Três molhos, um pote pill:#molho
▶ 4,3 mil
Bolo de fubá sem balança pill:#bolo
214 mil
curtidas
12,4 mil
seguidores
318
seguindo
42
vídeos
Som em alta
som original — liaramos · 1,2 mil vídeos
Pessoa, perfil e números fictícios.
@liaramos Open