craiyon logo

A clean document layout with a dark header displaying "A1AIMEDAR HELVETICA NEUE". The body contains two columns of placeholder text and two smaller boxes with additional text.

A clean document layout with a dark header displaying "A1AIMEDAR HELVETICA NEUE". The body contains two columns of placeholder text and two smaller boxes with additional text.

import weasyprint from pypdf import PdfReader html_content = """<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <style> @page { size: 160mm 230mm; margin: 8mm 8mm 8mm 8mm; background-color: #ffffff; @bottom-center { content: counter(page); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 7.5pt; font-weight: bold; color: #555555; } } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 7.5pt; line-height: 1.18; color: #111111; background-color: #ffffff; } /* Header Banner */ .header-banner { background: #1a1a1a; color: #ffffff; text-align: center; padding: 5px 8px; margin-bottom: 6px; border-radius: 2px; border-bottom: 2px solid #444444; } .header-banner h1 { font-size: 9pt; font-weight: 800; letter-spacing: 0.3px; text-transform: uppercase; margin-bottom: 1px; color: #ffffff; } .header-banner h2 { font-size: 6.8pt; font-weight: 600; letter-spacing: 0.6px; color: #cccccc; text-transform: uppercase; } /* Table layout for perfect side-by-side positioning in WeasyPrint */ .layout-table { width: 100%; border-collapse: collapse; table-layout: fixed; } .col-main { width: 63%; vertical-align: top; padding-right: 5px; } .col-side { width: 37%; vertical-align: top; padding-left: 2px; } /* Card / Box styling */ .step-box { border: 1px solid #333333; border-radius: 2px; margin-bottom: 4px; background-color: #ffffff; } .step-header { background-color: #2b2b2b; color: See more

#document#design layout#mockup

More images like this

A clean digital newspaper template displayed on a tablet, featuring headlines like "DIGITAL NEWSPAPER" and "Lorem Ipsum Dolor Sit Amet," with placeholder text and images of modern cityscapes, a sunset road, and buildings by water.
Zoom action
An abstract black and white line drawing of a browser window displaying an inline form validation process with arrows indicating data flow.
Zoom action
A clean, modern website mockup with navigation, a main title "Beautiful Solutions", "Get Started" and "Learn More" buttons, and a banner image of misty mountains at sunset.
Zoom action
A black and white newspaper page template with headlines and placeholder text, featuring an image of an old European street scene.
Zoom action
A clean, modern user interface design showing a selection box with a rotation indicator, a font dropdown, graphs, and tool icons.
Zoom action
A graphic depicting PDF to Word document conversion, with a messy PDF on the left and a clean Word document on the right, connected by arrows.
Zoom action
A minimalist icon of stacked flashcards with a blue and orange gradient.
Zoom action
A minimalist, futuristic chat interface with the question 'What is the meaning of life?' displayed in a bubble and 'Type a message..' in the input field.
Zoom action
A silver desktop monitor displaying a dark blue graphical user interface with various colorful buttons, sliders, and input fields.
Zoom action
A white book or magazine floats against a white background, featuring an abstract cover design with a large blue shape at the top and a large peach shape at the bottom.
Zoom action
A modern, minimalist workspace featuring a laptop, mouse, lamp, and a glowing screen displaying "Benchmark-Niveau" and "580.-" in a clean, professional aesthetic.
Zoom action
The English alphabet in bold black capital letters on a white background, arranged in rows.
Zoom action
A 3D rendering of a database diagram showing four tables (Table 1-4) with columns and relationships connecting them on a dark background.
Zoom action
A grey linear flowchart with four stages: acquisition, fluency, generalisation, and adaptation, rendered in a minimalist 3D style.
Zoom action
White outline clipboard icon with text lines on a blue-green gradient rectangle, on a white background with abstract shapes.
Zoom action
A flat lay of silver office supplies, including a fountain pen, notebooks, a stapler, paper clips, and a silver laptop, on a light grey surface.
Zoom action
A contemporary dark gray letter T logo with a subtle gradient on a white background.
Zoom action
A bold black serif capital letter A on a white background.
Zoom action
Three minimalist KPI cards showing Sales, Cost, and Profit with trend arrows and sparklines on a white background.
Zoom action
Stylized black 'ae' ligature in a serif font contained within a black circle on a white background.
Zoom action
A flat minimal line art illustration of a designer with glasses working on a computer with multiple browser windows open, showing a busy workspace.
Zoom action
A modern office desk with a glass top, a computer displaying an intranet page, a pink office chair, a green plant, and a lamp, in a sunlit room.
Zoom action
A minimalist black and white wireframe sketch of a dashboard, featuring a line graph, data tables, a pie chart, and navigation elements.
Zoom action
Clean neumorphic GUI concept for a project organization app with a dark navigation sidebar and light project panels.
Zoom action
A stylized black capital letter A with a white shadowed edge on a white background.
Zoom action
Clean white design agency logo with 'DESIGN AGENCY' and slogan 'Innovating the Future of Design' on a light background.
Zoom action
Black and white logo of a postcard with implied text and stamp, and a fountain pen, all enclosed in a circle.
Zoom action
An educational card with a pink gingham border, beige background, text, and a 3D abstract shape made of red, blue, green, and yellow building blocks.
Zoom action
Minimalist black line art pictogram of a person using a computer with 'TRIAL ACCOUNT' displayed on the screen.
Zoom action
A black circular outline with the German text "Hier k nnte Ihr Logo stehen" on a white background, representing a logo placeholder.
Zoom action
Stylized black and grey uppercase letter A with abstract wavy patterns on a white background.
Zoom action
A modern, abstract logo of the number 5 with a blue to green gradient on a white background.
Zoom action
A plain, blank, upright grey magazine or book with a subtle shadow on a white background, in a photorealistic style.
Zoom action
A black and white minimalist icon of a fountain pen writing on a postcard, all enclosed in a circle.
Zoom action
A 3D rendered neon app icon featuring a pen and horizontal lines in vibrant cyan and magenta on a dark background.
Zoom action
A simple 2D illustration of an orange envelope with fields for Nom, Prénom, Élève, and Signature.
Zoom action
Black and white Bauhaus-style abstract geometric art print with rectangles, lines, and semicircles, and text 'BAUHAUS' and 'Inferred 1969'.
Zoom action
Minimalist silver-framed cover sheet with 'LEVEL 1 PRESENTATION' in bold black text on a white background with a subtle geometric pattern.
Zoom action
A minimalist white flyer with a bold black headline, a wavy pastel gradient, and placeholder contact information at the bottom.
Zoom action
A graphic organizer with a central 'HEADER' connected to two top boxes and two bottom boxes by lines and circular icons. Each of the four content boxes contains placeholder 'Lorem ipsum' text, with a dark background.
Zoom action
A laptop on a desk displaying an email template with a header and button, next to papers and pens in a digital art style.
Zoom action
A minimalist illustration of two documents, one light grey and one light pink, with double-ended arrows between them, symbolizing translation or data transfer.
Zoom action
A digital application icon featuring a stylized teal and silver ink pen over a circuit board pattern on a dark blue background.
Zoom action
A clean web page interface for comments in Spanish, with an input field and a 'Comentar' button, set against a stylish gradient background.
Zoom action
Various capital and lowercase alphabet letters on a gridded, blueprint-style background with construction lines, in a vintage sketch aesthetic.
Zoom action
A minimalist icon of stacked documents, one with a bookmark and another with horizontal lines.
Zoom action
Minimalist dark tech banner with a terminal prompt icon, red geometric lines, and white letters 'AB'.
Zoom action
A glowing blue diagram illustrating a process flow: 'INPUT' and 'SAMPLE TEXT' connect to 'LLM', which leads to '92 RATIONALE', on a dark background with circuit patterns.
Zoom action
Black and white circular logo featuring a postcard with implied text lines and a stamp, crossed by a fountain pen.
Zoom action
A clean webpage interface with a Spanish comment form, text input, and 'Enviar' button.
Zoom action
Minimalist blue web design wireframe mockup for mobile with header, image placeholder, and text content blocks.
Zoom action
German text 'Hier könnte Ihr Logo stehen' (Your Logo Could Be Here) on a plain grey background.
Zoom action
Flat design illustration of a robot assisting a man, a recruiter, reviewing a CV. The scene features a green color palette, a chart, and text 'AI' and 'CV'.
Zoom action
A human hand holds a modern smartphone displaying a ChatGPT-style interface with the message "Hi - how can I help today?" and buttons for "Write a poem," "Create a lesson plan," and "Generate a recipe." Photorealistic style.
Zoom action
A stylized open spiral-bound notebook icon with blank pages and a curled bottom right page, on a rounded blue background.
Zoom action
Close-up of a laptop screen displaying a well-formatted email with a subject line and Lorem ipsum placeholder text.
Zoom action
A piece of paper and a tablet, both displaying 'Lorem ipsum' text, lie on a wooden desk next to a window.
Zoom action
Vector illustration featuring a desktop computer displaying charts and text, surrounded by icons like a graduation cap, book, flask, and a laptop with a chart, on a gradient background.
Zoom action
A 3D cartoon boy smiling with open hands on a gradient background inside a computer window. Text reads 'HelpMeSign Your friendly bridge to the world of sign languages'.
Zoom action
Line drawing of two men conducting a usability test: one using a computer, the other observing with a clipboard.
Zoom action
A technical diagram illustrating a serverless architecture workflow from user interaction to automated email sending.
Zoom action
User journey flow diagram: search term entry, search results page, item details page with link validations.
Zoom action
A black, smooth, and rounded 3D letter 'A' against a clean white background.
Zoom action
A glassy, light teal and white document icon with a folded corner on a gray background.
Zoom action
Modern web app UI design mockup with gradient blue background and frosted glass effect panels, displaying 'Modern Web App' title and 'Get Started' button.
Zoom action
A smartphone displaying a clean mobile app user interface with a header, tabs, a button, and content placeholders.
Zoom action
Smartphone screen displaying a clean mobile app interface with tabs, buttons, headings, and a bottom navigation bar.
Zoom action
An illustration of a man with glasses sitting at a desk with a laptop and papers, in front of a corkboard with posters.
Zoom action
3D render of a UI panel for Adobe Experience Manager 6.5, showing text editing options and a glowing AI button.
Zoom action
A minimalist beige flyer with embossed OpenAI logo, 'FLYER' at the top, and 'OpenAI' at the bottom.
Zoom action
Overlapping black and white alphabet letters in various fonts and sizes create a deep, shadowy typographic composition.
Zoom action
Minimalist app icon with soft purple and orange gradient stylized folders, featuring glass morphism on a dark background.
Zoom action