Present

Guideline website

Present writes the brand’s guideline as a website: one folder of HTML your client can open with a double-click, or you can host anywhere. Studio is one page in eight sections, free. Editorial is eleven sections, with a PDF printed from the same page.

Before you start

Save the brand: Save brand on the Brand screen, or Save as brand logo in Inspect.
Confirm the name: Present › Details, then Save details.
Check the export folder. It starts as the folder your .ai file is in.
Export the logo files and tokens first if the site should offer them: it copies what it finds in the folder.

How to use it

Open Site
In Present, choose Site. It opens the Export screen at Site.
Choose a template
Studio · Free, or Editorial · Pro.
Add what only you know
With Editorial, fill in Site content: the mission, up to four values, a contact address, photographs and icons. Words save when you leave a field.
4
Export the site
Press Export site. Linyal writes the folder and says how many files it wrote; Open site opens it in your browser.
```
Wrote 26 files to ~/Clients/Onda
```
Pro. Studio is free. Editorial and its PDF are Pro: “Editorial is Pro. Choose Studio to export the site free, or upgrade.” Until 31 January 2027, Pro is open to everyone.

Studio

The mark: The mark as drawn, with the name and tagline.
Colour: Each colour with HEX to copy, RGB, CMYK and Pantone when stated, contrast pairs and the CSS variables.
Downloads: A link to every file in the folder, with what each is for.
Construction: The construction drawing, with the layers you chose in Inspect.
Clear space: The clear space and the minimum sizes.
Lockups: The mark and the wordmark in fixed relationships. Only with a wordmark.
Typography: The brand’s typefaces, named.
Do and do not: The same mark used well and used badly, made from the mark itself.

Editorial

Cover: The cover photograph, or the mark on the accent colour.
Brand story: The mission and the values.
Logo: The lockup, the mark on ink and on the accent, minimum size, clear space and file formats.
Clear space & misuse: The clear space, and four things not to do.
Colours: The palette with HEX, CMYK and Pantone when stated.
Typography: Heading and body specimens and the type scale, set in the brand’s fonts.
Imagery: Your photographs and the sentence over them.
Pattern: Two compositions in the accent colour.
Iconography: Your icons and the sentence over them.
Applications: A business card, a phone screen and your In use photograph.
Contact: The contact address and the website.

Choose Dark or Light under Theme. The page’s menu links the guideline PDF (Download PDF) and, when it is in the folder, the handover report.

Site content

Mission: The statement on the Brand story section. Up to 400 characters.
Values: Up to four, one per line, each up to 48 characters.
Brand questions: The address the closing section and the business card give.
Version: Printed on the cover. Blank is 1.0.
Photographs: Cover, Hero, Detail, Portrait and In use. JPEG, PNG or WebP, and HEIC on a Mac.
Icons: An icon set of up to 24 SVG files, drawn in the page’s colours.
Over the photographs, Over the icons: One sentence each, in your words. Left out when blank.

Fonts

Editorial embeds the brand’s fonts in the page. Linyal includes nine open-licence families: Inter, Space Grotesk, Manrope, Playfair Display, IBM Plex Sans, Instrument Serif, IBM Plex Mono, DM Sans and DM Mono. Any other is embedded from your own WOFF2, WOFF, TTF or OTF files, once you tick “My licence lets me embed it in a website”. Without that, the page names the font and shows it only where it is installed.

Studio names the brand’s fonts and embeds none.

Photographs

Every photograph is copied into the site with its location, camera, dates and other metadata removed; the picture, its colour profile and its orientation stay. On a Mac, photographs over 2,400 px are scaled down, and an iPhone’s HEIC becomes a JPEG. Your own files are never changed. A photograph Linyal can’t clean is left out, and named.

In the folder

index.html: The page. Open it, or upload the whole folder.
Logo and token files: Copies of the SVG, PDF and PNG logo files and the tokens found in the export folder.
PDFs: The guideline PDF with Editorial, the Studio deck PDF if you made one, and the handover report PDF if it is current.
assets/, licences/: Your photographs, and the licences of the fonts it embeds.
linyal-site.json: A record of what the export wrote, and which sections it left out.

The folder is <brand>-site, inside your export folder. The page asks no server for anything but its own files, tracks nobody, and asks search engines not to index it. Until you buy Pro, its footer says “Made with Linyal · linyal.com”.

Limits

A section with nothing to show is left out. The status line counts them, “Wrote 26 files; 1 section left out”, without naming them; linyal-site.json does.
Lockups need a wordmark: without one, Studio leaves Lockups out and Editorial shows the mark alone.
Studio doesn’t embed fonts, and the Export screen doesn’t say so. Use Editorial, or tell your client which fonts to install.
The site doesn’t carry the CMYK print PDF; it stays with the logo files.
On a light brand colour, Studio’s navigation and footer text is faint.