# Designs

Design systems a generated repo can start from. Each restyles the whole UI kit and the landing page.

- [Atelier](https://agenticboilerplate.com/designs/atelier): Atelier is a dark editorial system for serious tools. Bone Libre Baskerville headlines sit on a carbon page, Inter carries the interface and Fira Code sets the small labels. Structure comes from hairlines and five grey steps, not shadows, and one blue is kept for links, focus and a single point on the summit of the ridge line that crosses the hero. Product pictures float over dusk mountain stages, and the feature grid turns into stone index cards. The light theme prints the same system on bone paper.
- [Aura](https://agenticboilerplate.com/designs/aura): Aura sets your product on warm bone paper and letters it in a soft near-black. Every action is an ink pill with mono capitals, and every label reads like a note on a lab bench. Colour arrives as one aura of violet, pink and amber: the last line of the hero headline, fine wave lines behind the product picture, and small pastel tiles that mark each feature. Nothing casts a shadow; surfaces part by tone and a single hairline. Dark mode is the lab at night, where the aura glows.
- [Blockhaus](https://agenticboilerplate.com/designs/blockhaus): Blockhaus builds every page from ruled blocks, like a design journal printed on cream paper. The palette is black ink, cream and one slate grey, with white sheets for the product itself. Headlines are set in Unbounded, a wide geometric face, and everything else in Inter. Every section sits in square cells drawn with 1px black rules, every action is a black pill, and nothing casts a shadow. Colour appears only in status and in six risograph inks for charts.
- [Blueprint](https://agenticboilerplate.com/designs/blueprint): Blueprint draws every landing section as a sheet pinned to a black table: a 1px dashed frame at the content column, stacked 6px apart, with a solid tick at each corner. The hero sits under a navy lamp, with fine periwinkle rays running to a vanishing point. Headlines are a tight grotesk at weight 600, labels are mono capitals, and every action is a pill. The palette is almost all grey, and one periwinkle pen marks icons, ticks, links and focus. There are no drop shadows: depth is a step from void to carbon and a dashed line.
- [Broadcast](https://agenticboilerplate.com/designs/broadcast): Broadcast sets the whole app on a warm sage canvas, framed by thin steel rails like a drafting table. White cards with 28px corners carry the content, and dark forge panels hold the product pictures like monitors. Headlines are wide squared capitals, buttons are tall capsules with mono uppercase labels, and one orange pill marks the main action. Amber stamps tag features and new things. It is flat on purpose: lines and surfaces make the depth, never shadows.
- [Clay](https://agenticboilerplate.com/designs/clay): Clay is a warm cream page with saturated clay tiles. Feature cards cycle through six colours (hot pink, deep teal, lavender, peach, ochre and mint), and each tile carries its own paired text colour, so the words always read. Headlines are a chunky rounded face at 800, every button is a soft pill with a pressable bottom edge, and cards round off at 24px. Lines, quiet text and shadows are warm brown, never cool grey. After dark the floor turns espresso and the six tiles turn bright with dark ink.
- [Cobalt](https://agenticboilerplate.com/designs/cobalt): Cobalt is black type on white with one electric blue. Headlines are huge, tight and left aligned, and every section opens with a mono label pinned by a small blue square. Surfaces are pale grey plates with 8px corners and no shadows, and the hero sits beside a map drawn in hairline bars. Blue fills only what you act on: the primary button, the brand square and the closing slab. Dark mode is the same system on black.
- [Daylight](https://agenticboilerplate.com/designs/daylight): Daylight draws the product as a clean dashboard on white. One 1px grey line holds every card, field and table, with 12px cards, 8px buttons, pill badges and almost no shadow. Headlines are set in Reddit Sans at a medium weight, over Inter for the interface and Geist Mono for code. Black is the only action colour, electric blue marks links and the active item, and small violet, green and orange squares tag each section. The hero is a pale grey stage with soft pastel blushes and faint ripples, and a white tab hangs from the header to hold its label.
- [Default](https://agenticboilerplate.com/designs/default): shadcn/ui done carefully. Neutral greys on white, near-black actions and one blue kept for links and focus. Geist for everything, with Geist Mono for code and ids. Controls have 8px corners and cards 12px, and depth is a hairline first and a 1px shadow second. Light and dark are equally its own, so it opens in the visitor's system theme.
- [Dossier](https://agenticboilerplate.com/designs/dossier): Dossier reads like a case file on a dark screen. Panels are square on one pure grey ground, and 1px hairlines do all the separating, never shadows or gradients. One vertical rule runs the length of the page: labels and headings sit in a rail on its left, content sits on its right. Tracked caps labels, mono index numbers and tight Plus Jakarta Sans headings carry the structure. One bright cyan marks the main action, the lead figure and focus, and nothing else.
- [Forge](https://agenticboilerplate.com/designs/forge): Forge sets the page on a warm near-black and splits it with 1px hairlines, dashed rules and small square ticks. One orange carries every action, and it arrives at full size as whole slabs: the hero, one feature cell and the closing call to action, each lit by a warm glow and halftone dots. Nothing casts a shadow except menus and dialogs, and every button, tab, badge and nav link is a pill. Schibsted Grotesk sets every word at 400 and 500, with DM Mono for code and numbers. It opens in dark, and the light palette is the same page on warm white.
- [Glow](https://agenticboilerplate.com/designs/glow): Glow is drawn on a violet black night. Depth comes from light, not shadow: an ultraviolet bloom rises behind the product picture, faint dome lines and stars fill the hero, and thin lilac beams light the top edges of panels. Surfaces are glass, a few percent of white over the night, held by hairlines. Every control is a pill, and the main action is violet glass with a soft glow. Headings are a broad, heavy grotesque with a silver fade over pale lavender Inter.
- [Grove](https://agenticboilerplate.com/designs/grove): Grove sets your product on warm parchment and writes it in deep forest ink. Buttons are built like keys: emerald lettered in mint under a soft top sheen, with a white top highlight, a darker green edge and a forest tinted drop, and they lift on hover and sink on press. Every section opens with a mint pill label, and each feature gets its own pastel card (mint, butter, lavender, sage, petal, meadow), so the page reads like a tray of labelled specimens. One aurora panel holds the product picture, and dark mode turns the page into a forest at night with a jade and indigo glow.
- [Ivory](https://agenticboilerplate.com/designs/ivory): Ivory sets rounded white panels on a warm ivory ground and lets the step between them do the dividing. A white header capsule floats at the top, and the hero sits in a warm tray with the product window inside it. Every button, badge and tab is a full pill, and the only strong fill is the near-black primary. Coral is kept for links, focus rings and one small dot in each eyebrow. One face, Onest, sets every heading and label in sentence case with no letter spacing.
- [Kite](https://agenticboilerplate.com/designs/kite): Kite sets your product on lavender paper and writes it in deep violet ink. Headlines are a sturdy serif with tight tracking, text is a light, open grotesque, and every button is a violet pill. A pastel dawn of sky, periwinkle and pink washes the top of the hero, with a few sketched stars and a swash drawn under the headline. Showcase pictures float on sky to pink bands, and the page ends at night in midnight plum. Dark mode is the same sky at dusk.
- [Ledger](https://agenticboilerplate.com/designs/ledger): Ledger draws the interface like a ruled book. One warm 1px hairline marks every edge, corners are square, and only things that float, like menus and dialogs, cast a shadow. Headlines are set large in Hedvig Letters Serif over a single-weight Hedvig Letters Sans, with small labels in tracked capitals and figures in IBM Plex Mono. Actions are flat ink blocks, and the only colour on screen is a status: a green dot, an amber chip, a red label. It opens in light, white with warm grey lines, and its dark palette is the same book on near-black.
- [Marker](https://agenticboilerplate.com/designs/marker): Marker sets light, tight black type on a warm off-white page, with white square-cornered cards and no shadows. One colour does all the talking: a full-strength highlighter yellow behind mono capital labels, the open item, the active tab, menu and quiet button hovers, and a stroke across the hero headline. Links are ink and underlined, focus is an ink ring, and the footer is a yellow band. The dark theme is a pure grey product surface where cards sit darker than the page and the yellow carries links and focus.
- [Meadow](https://agenticboilerplate.com/designs/meadow): Meadow sets your product on a sunlit cream page and writes it in black ink. Headlines are a heavy serif at editorial size, and everything else is a round, friendly sans with airy leading. Every control is a pill: black for the main action, a thin ink outline for the rest. Nothing casts a shadow: white paper sits on cream with a charcoal line, and sage leaves drawn by hand grow from behind the product picture. At night the page turns olive black and the leaves are drawn in mint.
- [Midnight](https://agenticboilerplate.com/designs/midnight): Midnight is drawn on pure black. One grotesque sets every word in white and warm greys, 1px hairlines replace every shadow, and corners stay between 4px and 12px. The main button is plain white, and violet is kept for links, focus and eyebrows. The product picture floats on a grainy magenta cloud, and quotes sit on white comment cards. The light palette keeps the same rules on paper white, with a black main button, black quote cards and a black closing panel.
- [Newsprint](https://agenticboilerplate.com/designs/newsprint): Newsprint sets a product like a quality broadsheet. A warm cream page, black ink, and one serif, Newsreader, for every word from 72px headlines to 13px capital labels. Structure comes from black column rules and grey hairlines, never shadows, and every corner is square. The one colour is a signal yellow, kept for the primary action. Dark mode is the night edition: charcoal paper, cream ink, the same yellow.
- [Paper](https://agenticboilerplate.com/designs/paper): Paper sets its headlines in a light serif on a white page, with a grainy peach and lilac haze behind the hero. Everything else is a quiet grotesque in fine half-step weights, and nothing is ever bold. Cards are flat grey panels with 24px corners and no lines, and only product pictures float, as white sheets with a soft shadow. Every button is a pill: a black one, with an ink outline beside it. Peach and a deep sienna are the only warm colours, kept for one quote card, small labels and the focus glow.
- [Peach](https://agenticboilerplate.com/designs/peach): Peach sets heavy black headlines on cream paper and opens every marketing page with a full-width peach band. Actions are black, white cards sit on the cream with a warm hairline, and one ember orange marks eyebrows, links and focus. Its signature is the hard shadow: the product frame, the featured plan, the sign-in card and the closing panel cast a solid block with no blur, like cut paper. Menus, dialogs and toasts float on a soft shadow instead, so the blocks always read as print. Dark mode keeps the same desk at night: espresso paper, cream type, peach buttons and ember blocks.
- [Plum](https://agenticboilerplate.com/designs/plum): Plum is a warm, ruled system. Paper cream, plum-black ink and white boxes held by a visible warm hairline, with no shadow under anything that stays on the page. The one loud colour is a pale lavender that always carries dark type, and a soft mint only ever means good news. Every small label, from eyebrows and badges to buttons and nav links, is set in mono caps, and corners stay near square. Mid-page, one full-bleed plum-black band flips the palette while the lavender stays exactly the same.
- [Pulse](https://agenticboilerplate.com/designs/pulse): Pulse is a dark console system for voice, audio and developer products. Headlines whisper in Hanken Grotesk at weight 300 on a near-black void, and every label speaks in Geist Mono caps. Buttons are full pills, ember for the main action and mint for the second one, while cards, inputs and menus keep a near-sharp 5.6px corner and a 1px hairline instead of a shadow. All the colour lives in one signature: a waveform of stacked dashes in six hues that rises behind the product window. The light theme turns the page to cream paper with void ink and keeps the same pills, labels and waveform.
- [Quill](https://agenticboilerplate.com/designs/quill): Quill sets the interface like a well-printed technical manual. Headlines are IBM Plex Serif at a light 300 in one deep blue, running text is IBM Plex Sans, and buttons, labels and keys are IBM Plex Mono. The page is warm off-white paper with a faint blue grid, a hairline rule across every section and dashed rails down the column, pinned by small diamond nodes where they cross. Corners are 2px, buttons read as keycaps with a darker bottom edge, and the only drop shadow lifts the product picture. It opens in light, and its dark palette is the same manual in a graphite editor theme, with the blue lifted and charts in syntax colours.
- [Signal](https://agenticboilerplate.com/designs/signal): Signal is a dark system for developer tools: a warm near-black canvas, one electric lime and big white headlines in Inter Bold. The page is built from wide bands that start black on the left and warm to olive charcoal on the right, split by 1px iron seams. Surfaces step up in tone (void, carbon, graphite) instead of casting shadows. Lime is rationed to the primary button, the eyebrows, the focus ring and a caret that blinks after the hero headline. The light theme turns the night into ink: black buttons with lime labels on warm paper.
- [Slab](https://agenticboilerplate.com/designs/slab): Slab sets every heading in a light slab serif over warm olive paper, with body copy in a quiet grotesque tracked slightly open. White cards sit on the paper, held by ink hairlines, never by shadows, and product pictures are white plates in a 1px ink frame. Buttons, checkboxes, switches and the selected tab fill with ink, and the one colour, a rust red, appears only as text, underlines and the focus ring. A felt-tip yellow marks the hero label and selected text. Dark mode is a warm near-black page that keeps the same rules.
- [Sticker](https://agenticboilerplate.com/designs/sticker): Sticker sets your product in black ink on warm buttercream and cuts the page with five sunset stripes: amber, ember, red, merlot and plum. Headlines are monumental wide capitals, and every eyebrow, button and label is set in a small pixel face, like the labels on a sticker sheet. Everything is flat: 1px ink outlines, 14px cards, pill buttons and not one shadow. The header and footer are carbon strips, and the closing call to action is a plum band that runs into the night. Dark mode turns the sheet to carbon and keeps the stripes.
- [Terminal](https://agenticboilerplate.com/designs/terminal): Terminal sets serif headlines and mono labels on a near-black page. Pure grey panels step up one shade at a time and a 1px hairline does the separating, so nothing casts a shadow. One acid lime marks the main button, focus, live status and key numbers, and other colours appear only for status and charts. Corners stop at 6px, badges are square mono chips, and the hero sits on a ruled grid. The light theme keeps the same greys, rules and type on pale paper, with lime text walked down to olive.
- [Voltage](https://agenticboilerplate.com/designs/voltage): Voltage is a dark system built on pure, untinted greys. Surfaces step from black to charcoal, a white hairline at 10% does the rest, and only things that float, like menus and dialogs, cast a shadow. Electric violet fills the big things: the product button and gradient panels with 32px corners. Hot magenta marks the small ones: the hero label, a scribbled underline and the big numbers. Marketing buttons are solid ink pills, white on black, and headings are Plus Jakarta Sans at 800 with no letter spacing over DM Sans.
- [Workshop](https://agenticboilerplate.com/designs/workshop): Workshop is a calm, warm system for tools people work in all day. Headlines sit at weight 400 on parchment, buttons are ink and linen pills, and cards are bone sheets cut at 4px with a faint ink line. One ember orange marks links, eyebrows, focus and a caret after the hero title; it never fills a surface. The product sits on a painted landscape and floats on one deep, soft shadow, while mono labels carry the technical voice. Dark mode is the same workshop at night, lit by an ember glow on the horizon.

---

Agentic Boilerplate: A Next.js repo your agent already knows. Free during launch, then $99 once.

- Site map for agents: https://agenticboilerplate.com/llms.txt
- Public API: https://agenticboilerplate.com/openapi.json
- Contact: agenticstudio@gmail.com