Conversational agent · Apr 2025
Ensemble
A conversational agent for iOS and Android with voice recognition. The backend combines several LLM providers so each reply gets better context and comes back in real time.
Visit Ensemble ↗Reference
Design system
Every page is built from the tokens and components below. Tokens live insrc/styles/tokens.css, components in src/components/.
Colour
Pastel palette
Each accent has a base, a soft tint for backgrounds and a deep shade for text on that tint.
--lavender
-soft · -deep
--pink
-soft · -deep
--sky
-soft · -deep
--mint
-soft · -deep
--butter
-soft · -deep
--peach
-soft · -deep
--bg
--surface
--line
--ink-muted
--ink
Typography
Three voices
--font-display · headings
Instrument Serif Italic
--font-body · paragraphs
Source Serif 4 reads well at paragraph length.
--font-mono · labels, numbers, buttons
Consolas / JetBrains Mono 0123
--text-displayRooms worth showing up for
--text-2xlRooms worth showing up for
--text-xlRooms worth showing up for
--text-lgRooms worth showing up for
--text-baseRooms worth showing up for
--text-smRooms worth showing up for
--text-xsRooms worth showing up for
Space & shape
Spacing and radius
--space-1
--space-2
--space-3
--space-4
--space-6
--space-8
--space-12
--space-16
--space-24
--radius-sm
--radius-md
--radius-lg
--radius-pill
Components
Building blocks
Button
Tag
lavenderpinkskymintbutterpeach
StatTile
00+
Label
00k
Label
Placeholder
Photo · 4:3 · replace me
Photo · 1:1 · replace me
DP
EventCard
TimelineItem
2025 – Now
CRole title
Company
Short description of the role.
TestimonialCard
Testimonial placeholder quote.
DP
Name Surname
Role, Company
Logo
EIEIProjectFeature
VideoCard
TradeX
An AI agent on Solana that manages your wallet and runs transactions from a chat. Built with Next.js, the Solana Agent Kit and Gemini. Grant winner.
Visit TradeX ↗AchievementItem
- O
Organisation · 2026
Title
Short description.
Card
A plain surface for any content.