The DeNovo Kit

Desktop shows a rail + top tabs (spheric-style). Phone shows stacked cards + a bottom nav (soma-style). Same colors and fonts on both.

Stage 1 — general core

Shared tokens, components, base shell

Colors, typography, buttons, cards, badges, and scroll behavior — identical across every device. Palette is spheric's: forest-green accent on a warm near-black background, Fraunces serif headings, DM Sans body.

Stage 2 — device fit

Responsive layout swap at 1024px

Desktop and iPad landscape (≥1024px) → rail sidebar, top tabs, dense content. Phone and iPad portrait (<1024px) → stacked cards, bottom tab bar, larger touch targets, safe-area insets.

Live on template.denovoworks.pro

Deployed via denovo-deploy

deployed v0.1 Flask Jinja vanilla CSS

See details page →