Seam Style Guide

This page provides examples of how to use our classes and atomic elements.

Current breakpointdefault (< 640px)

Typography EN

SuperHeader:

Build the API to the Physical World

SuperSubHeader:

Seam builds digital and physical infrastructure to enable software developers to connect their applications with the physical devices around us.

SectionHeader:

Unlocking The Potential of Connected Devices

SectionSubHeader:

Seam builds digital and physical infrastructure to enable software developers to connect their applications with the physical devices around us.

SmallHeader:

Connect All the Things

TinyHeader:

Free snacks provided by Kane

KawaiiHeader:
Speed Compounds
SupaParagraph:

Despite the rapid growth of internet-connected devices, we're still barely harnessing their full potential.

To do so requires integrating these devices with third-party software applications that can coordinate their use.

Unfortunately, this task is muddled by byzantine device protocols, high-device fragmentation, and few engineers who can make sense of it all.

At Seam, we build digital and physical infrastructure to enable software developers to connect their applications with any device.

Paragraph:

Despite the rapid growth of internet-connected devices, we're still barely harnessing their full potential.

To do so requires integrating these devices with third-party software applications that can coordinate their use.

Unfortunately, this task is muddled by byzantine device protocols, high-device fragmentation, and few engineers who can make sense of it all.

At Seam, we build digital and physical infrastructure to enable software developers to connect their applications with any device.

TinyParagraph:

Despite the rapid growth of internet-connected devices, we're still barely harnessing their full potential.

To do so requires integrating these devices with third-party software applications that can coordinate their use.

Unfortunately, this task is muddled by byzantine device protocols, high-device fragmentation, and few engineers who can make sense of it all.

At Seam, we build digital and physical infrastructure to enable software developers to connect their applications with any device.

KawaiiParagraph:

Despite the rapid growth of internet-connected devices, we're still barely harnessing their full potential.

To do so requires integrating these devices with third-party software applications that can coordinate their use.

Unfortunately, this task is muddled by byzantine device protocols, high-device fragmentation, and few engineers who can make sense of it all.

At Seam, we build digital and physical infrastructure to enable software developers to connect their applications with any device.

Typography JP

SuperHeader:

物理的な世界へのAPIを構築する

SuperSubHeader:

私達は、デジタルおよび物理インフラストラクチャを構築して、ソフトウェア開発者がアプリケーションを周囲の物理デバイスに接続できるようにします。

SectionHeader:

パケット構造

SectionSubHeader:

私達は、デジタルおよび物理インフラストラクチャを構築して、ソフトウェア開発者がアプリケーションを周囲の物理デバイスに接続できるようにします。

SmallHeader:

取り巻くすべてのものを接続します

TinyHeader:

信頼性と輻輳制御の実現

KawaiiHeader:
順序性
SupaParagraph:

アプリケーションから Internet Protocol (IP)ネットワーク上の他のホストへ「データグラム」と呼ばれるメッセージを送るのに使われ、事前に転送チャネルやデータ経路といった特別な設定をする必要がない。デイヴィッド・P・リード(英語版)が1980年に設計し、RFC768 で定義した(STD番号:6)。非常にシンプルに設計されており公式仕様のRFC768はわずか3ページである。

主にIPプロトコル上に実装されておりOSI参照モデルのトランスポート層にあたる。明確なハンドシェイクを省いたコネクションレスであり、送達確認などを行わない言わば無手順方式のデータ転送で、信頼性・順序性・データ完全性を保証しない。通信中のパケット紛失や重複、改竄の検出やそのための対応が必要な場合はアプリケーションで行う。

Paragraph:

アプリケーションから Internet Protocol (IP)ネットワーク上の他のホストへ「データグラム」と呼ばれるメッセージを送るのに使われ、事前に転送チャネルやデータ経路といった特別な設定をする必要がない。デイヴィッド・P・リード(英語版)が1980年に設計し、RFC768 で定義した(STD番号:6)。非常にシンプルに設計されており公式仕様のRFC768はわずか3ページである。

主にIPプロトコル上に実装されておりOSI参照モデルのトランスポート層にあたる。明確なハンドシェイクを省いたコネクションレスであり、送達確認などを行わない言わば無手順方式のデータ転送で、信頼性・順序性・データ完全性を保証しない。通信中のパケット紛失や重複、改竄の検出やそのための対応が必要な場合はアプリケーションで行う。

TinyParagraph:

アプリケーションから Internet Protocol (IP)ネットワーク上の他のホストへ「データグラム」と呼ばれるメッセージを送るのに使われ、事前に転送チャネルやデータ経路といった特別な設定をする必要がない。デイヴィッド・P・リード(英語版)が1980年に設計し、RFC768 で定義した(STD番号:6)。非常にシンプルに設計されており公式仕様のRFC768はわずか3ページである。

主にIPプロトコル上に実装されておりOSI参照モデルのトランスポート層にあたる。明確なハンドシェイクを省いたコネクションレスであり、送達確認などを行わない言わば無手順方式のデータ転送で、信頼性・順序性・データ完全性を保証しない。通信中のパケット紛失や重複、改竄の検出やそのための対応が必要な場合はアプリケーションで行う。

KawaiiParagraph:

アプリケーションから Internet Protocol (IP)ネットワーク上の他のホストへ「データグラム」と呼ばれるメッセージを送るのに使われ、事前に転送チャネルやデータ経路といった特別な設定をする必要がない。デイヴィッド・P・リード(英語版)が1980年に設計し、RFC768 で定義した(STD番号:6)。非常にシンプルに設計されており公式仕様のRFC768はわずか3ページである。

主にIPプロトコル上に実装されておりOSI参照モデルのトランスポート層にあたる。明確なハンドシェイクを省いたコネクションレスであり、送達確認などを行わない言わば無手順方式のデータ転送で、信頼性・順序性・データ完全性を保証しない。通信中のパケット紛失や重複、改竄の検出やそのための対応が必要な場合はアプリケーションで行う。

Typography FR

SuperHeader:

Construire une API pour le Monde Physique

SuperSubHeader:

Seam construit une infrastructure numérique et physique pour permettre aux développeurs de logiciels de connecter leurs applications aux appareils physiques qui nous entourent.

SectionHeader:

Libérer le Potentiel des Appareils Connectés

SectionSubHeader:

Seam construit une infrastructure numérique et physique pour permettre aux développeurs de logiciels de connecter leurs applications aux appareils physiques qui nous entourent.

SmallHeader:

Connecté toutes les Choses Qui Nous Entourent

TinyHeader:

Les Snack Gratuits, Fournies par l'ami Kane

KawaiiHeader:
Coder Plus Rapidement
SupaParagraph:

Malgré la croissance rapide des appareils connectés à Internet, nous exploitons encore à peine leur plein potentiel.

Pour ce faire, il faut intégrer ces appareils à des applications logicielles tierces capables de coordonner leur utilisation.

Malheureusement, cette tâche est compliquée par des protocoles byzantins, un trop grand nombre de marque d'objets connectés et pas assez d'ingénieurs capables de comprendre tout cet ensemble.

Notre objectif est de construire une infrastructure numérique et physique pour permettre aux développeurs de logiciels de connecter leurs applications à n'importe quel appareil.

Paragraph:

Malgré la croissance rapide des appareils connectés à Internet, nous exploitons encore à peine leur plein potentiel.

Pour ce faire, il faut intégrer ces appareils à des applications logicielles tierces capables de coordonner leur utilisation.

Malheureusement, cette tâche est compliquée par des protocoles byzantins, un trop grand nombre de marque d'objets connectés et pas assez d'ingénieurs capables de comprendre tout cet ensemble.

Notre objectif est de construire une infrastructure numérique et physique pour permettre aux développeurs de logiciels de connecter leurs applications à n'importe quel appareil.

TinyParagraph:

Malgré la croissance rapide des appareils connectés à Internet, nous exploitons encore à peine leur plein potentiel.

Pour ce faire, il faut intégrer ces appareils à des applications logicielles tierces capables de coordonner leur utilisation.

Malheureusement, cette tâche est compliquée par des protocoles byzantins, un trop grand nombre de marque d'objets connectés et pas assez d'ingénieurs capables de comprendre tout cet ensemble.

Notre objectif est de construire une infrastructure numérique et physique pour permettre aux développeurs de logiciels de connecter leurs applications à n'importe quel appareil.

KawaiiParagraph:

Malgré la croissance rapide des appareils connectés à Internet, nous exploitons encore à peine leur plein potentiel.

Pour ce faire, il faut intégrer ces appareils à des applications logicielles tierces capables de coordonner leur utilisation.

Malheureusement, cette tâche est compliquée par des protocoles byzantins, un trop grand nombre de marque d'objets connectés et pas assez d'ingénieurs capables de comprendre tout cet ensemble.

Notre objectif est de construire une infrastructure numérique et physique pour permettre aux développeurs de logiciels de connecter leurs applications à n'importe quel appareil.

Colors

primary:

primary-faint
primary-light
primary
primary-dark
primary-black

secondary:

secondary-faint
secondary-light
secondary
secondary-dark
secondary-black

tertiary:

tertiary-faint
tertiary-light
tertiary
tertiary-dark
tertiary-black

highlight:

highlight-faint
highlight-light
highlight
highlight-dark
highlight-black

black:

black-faint
black-light
black
black-dark
black-black

gray:

gray-faint
gray-light
gray
gray-dark
gray-black

Code

1# Ask Seam for a Webview
2import requests
3
4webview = requests.post(
5    "https://connect.getseam.com/connect_webviews/create",
6    json={ "accepted_providers": ["noiseaware"] },
7    headers=auth_headers
8  ).json()["connect_webview"]
9  
10webview_id = webview["connect_webview_id"]
11webview_url = webview["url"]
12  
13

Graphs

Unit Deployment (B):
20102012201620182020202220242026
Unit Deployment (B):
201020122016201820202022202420260714212838

Buttons

Inputs