Frontend design
Paper, ink, and a marker-gold signature. Reading type carries the stem.
- Type
- Literata, Atkinson Hyperlegible
- Radius
- Controls 6px, screen 20px
- Spacing
- 4px scale
Ten Synapse systems
Each card is one skill applied to the same five screens: home, quiz builder, quiz session, exam builder, and analytics. Open a system to compare the phones. The Flutter app is unchanged.
Impeccable
Product mode. Cool press sheet, ink actions, color only for correct, wrong, and flagged.
- Type
- Public Sans
- Radius
- 8px and 14px
- Spacing
- 8px step
UI/UX Pro Max
Soft clay surfaces from the education search. Purple study color, green correct, orange flagged.
- Type
- Varela Round, Nunito Sans
- Radius
- 16–24px
- Spacing
- 8px step
Emil design eng
Warm paper and press feedback. Motion stays off the quiz timer.
- Type
- Inter, Source Serif 4
- Radius
- 8px and 12px
- Spacing
- 8px step
Minimalist UI
Warm monochrome, flat, editorial. No gradients or heavy shadows.
- Type
- Instrument Serif, Geist, JetBrains Mono
- Radius
- 6–12px
- Spacing
- 8px step
High-end visual
Silver field and nested shells. One grotesk for controls, one for reading.
- Type
- Plus Jakarta Sans, Geist
- Radius
- Shell 32px, rows 16px
- Spacing
- Nested shells
Redesign existing
The live clinical chart: monitor teal, pulse coral, amber streak, navy vitals band.
- Type
- Outfit, IBM Plex Mono
- Radius
- 12px, pills 28px
- Spacing
- Clinical chart scale
Mobile app UI
Health-industry phone layout. Cream paper, calm blue accent, large reading type.
- Type
- Atkinson Hyperlegible
- Radius
- 12, 20, and 28px
- Spacing
- 8px step
Material 3
Material You from a teal seed, not the default purple. Surface containers make the depth.
- Type
- Material type scale
- Radius
- 12px medium, 16px large, full pills
- Spacing
- Surface container steps
Apple HIG
iPhone grouped lists, system blue, and SF type. Status colors stay separate from the tint.
- Type
- SF Pro Display, SF Pro Text
- Radius
- Groups 10px, buttons 12px
- Spacing
- iOS grouped insets